CSS @container vs @media query: Difference between revisions
From WikiMLT
m (→References) |
m (→Videos) |
||
(7 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> | ||
== | == Videos == | ||
{{media | {{media | ||
| n = | | n = 1 | ||
| img = | | img = YouTube-loading.webp | ||
| label = v | | label = v | ||
| special = | | special = youtube | ||
| vid = | | vid = 3_-Je5XpbqY | ||
| sz = 1200 | | sz = 1200 | ||
| pos = center | | pos = center | ||
| ca = | | 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 == | == References == | ||
Line 17: | Line 29: | ||
* [https://developer.mozilla.org/en-US/docs/Web/CSS/@container#browser_compatibility '''@container''' 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://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 22: | Line 35: | ||
{{devStage | {{devStage | ||
| Прндл = HTML and CSS | | Прндл = HTML and CSS | ||
| Стадий = | | Стадий = 6 | ||
| Фаза = | | Фаза = Утвърждаване | ||
| Статус = | | Статус = Утвърден | ||
| ИдтПт = Spas | | ИдтПт = Spas | ||
| РзбПт = {{REVISIONUSER}} | | РзбПт = Spas | ||
| АвтПт = Spas | |||
| УтвПт = {{REVISIONUSER}} | |||
| ИдтДт = 9.07.2023 | | ИдтДт = 9.07.2023 | ||
| РзбДт = {{Today}} | | РзбДт = 9.07.2023 | ||
| АвтДт = 9.07.2023 | |||
| УтвДт = {{Today}} | |||
| ИдтРв = [[Special:Permalink/32603|32603]] | | ИдтРв = [[Special:Permalink/32603|32603]] | ||
| РзбРв = {{REVISIONID}} | | РзбРв = [[Special:Permalink/32610|32610]] | ||
| АвтРв = [[Special:Permalink/32612|32612]] | |||
| УтвРв = {{REVISIONID}} | |||
}} | }} | ||
</div> | </div> | ||
</noinclude> | </noinclude> |