CSS @container vs @media query: Difference between revisions

From WikiMLT
Browse history interactively
VisualWikitext
Spas (talk | contribs)
Image-reviewer, Public, Bots, Bureaucrats, Check users, Structured Discussions bots, Interface administrators, Oversighters, smwadministrator, smwcurator, Suppressors, Administrators, translator, Upload Wizard campaign editors, widgeteditor
31,257 edits
Стадий: 1 [Фаза:Идентифициране, Статус:Създаване]; Категория:HTML and CSS; { The page is created via DevStage }
 
Spas (talk | contribs)
Image-reviewer, Public, Bots, Bureaucrats, Check users, Structured Discussions bots, Interface administrators, Oversighters, smwadministrator, smwcurator, Suppressors, Administrators, translator, Upload Wizard campaign editors, widgeteditor
31,257 edits
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<noinclude><!--[[Category:HTML_and_CSS|?]]-->{{ContentArticleHeader/HTML_and_CSS}}</noinclude>
<noinclude><!--[[Category:HTML_and_CSS|?]]-->{{ContentArticleHeader/HTML_and_CSS}}</noinclude>
== References ==


* ...
== Videos ==
{{media
| n = 1
| img = YouTube-loading.webp
| label = v
| special = youtube
| vid = 3_-Je5XpbqY
| sz = 1200
| pos = center
| ca = Container Queries are going to change how we make layouts by [https://www.youtube.com/@KevinPowell Kevin Powell] at [https://youtu.be/3_-Je5XpbqY YouTube].
}}
 
{{media
| n = 2
| img = YouTube-loading.webp
| label = v
| special = youtube
| vid = j9CxKmX7iZE
| sz = 1200
| pos = center
| ca = Smart Sizing in CSS With Container Query Units by [https://www.youtube.com/@KevinPowell Adi Purdila] at [https://youtu.be/j9CxKmX7iZE YouTube].
}}


* ...
== References ==


== Section 1 ==
* [https://developer.mozilla.org/en-US/docs/Web/CSS/@media#browser_compatibility '''@media''' Browser compatibility at '''MDN''']
...
* [https://developer.mozilla.org/en-US/docs/Web/CSS/@container#browser_compatibility '''@container''' Browser compatibility at '''MDN''']
* [https://caniuse.com/?search=container%20query '''@container''' at '''Can I use?''']
* [https://css-tricks.com/next-gen-css-container/ Next Gen CSS: '''@container''' at *CSS-TRICKS]


<noinclude>
<noinclude>
Line 13: Line 35:
{{devStage  
{{devStage  
  | Прндл  = HTML and CSS
  | Прндл  = HTML and CSS
  | Стадий = 1
  | Стадий = 6
  | Фаза  = Идентифициране
  | Фаза  = Утвърждаване
  | Статус = Създаване
  | Статус = Утвърден
  | ИдтПт  = {{REVISIONUSER}}
  | ИдтПт = Spas
  | ИдтДт  = {{Today}}
| РзбПт  = Spas
  | ИдтРв  = {{REVISIONID}}
| АвтПт  = Spas
| УтвПт = {{REVISIONUSER}}
  | ИдтДт = 9.07.2023
| РзбДт  = 9.07.2023
| АвтДт  = 9.07.2023
| УтвДт = {{Today}}
  | ИдтРв = [[Special:Permalink/32603|32603]]
| РзбРв  = [[Special:Permalink/32610|32610]]
| АвтРв  = [[Special:Permalink/32612|32612]]
| УтвРв = {{REVISIONID}}
}}
}}
</div>
</div>
</noinclude>
</noinclude>

Latest revision as of 08:53, 30 August 2023

HTML and CSS

Videos

Video 1. Container Queries are going to change how we make layouts by Kevin Powell at YouTube.
Video 1. Con­tain­er Queries are go­ing to change how we make lay­outs by Kevin Pow­ell at YouTube.
Video 2. Smart Sizing in CSS With Container Query Units by Adi Purdila at YouTube.
Video 2. Smart Siz­ing in CSS With Con­tain­er Query Units by Adi Pur­di­la at YouTube.

Ref­er­ences


Retrieved from "https://wiki.metalevel.tech/index.php?title=CSS_@container_vs_@media_query&oldid=32619"