Добавляет статью про Container Queries

[kazakov-al]

Описание

Добавляет статью про выражения от контейнера

Closes #3615

[kazakov-al]

Чет мне кажется я с "блин, короче" даже слегка переборщил :D

[solarrust]

Привет!
Как же я рада этому пиару и этому материалу. Прости, что затянула с ревью. Пока только предложила изменения в мете. Скоро вернусь и прочитаю подробнее =)
Давай добавим демки?

[solarrust]

Suggested change

	---
	title: Руководство по выражениям от контейнера
	description:
	cover:
	author: kazakov-al
	desktop:
	mobile:
	alt:
	authors:
	- kazakov-al
	contributors:
	-
	editors:
	-
	keywords:
	-
	related:
	-
	tags:
	- article
	---
	---
	title: "Руководство по выражениям от контейнера"
	description:
	authors:
	- kazakov-al
	related:
	-
	tags:
	- article
	---

Нужно будет добавить дескрипшен и связанные статьи (related).

[kazakov-al]

Привет! Как же я рада этому пиару и этому материалу. Прости, что затянула с ревью. Пока только предложила изменения в мете. Скоро вернусь и прочитаю подробнее =) Давай добавим демки?

Прив, та все супер, ревьюй в удобном темпе :) Я тоже затянул с пиаром тк в запаре :D

• А какие именно демки?
• Если у тебя есть идейки, я не против слегка структурку подвигать, аля разделить на смысловые секции или еще чего

[github-actions]

Превью контента из 9af9be0 опубликовано.

[skorobaeus]

• А какие именно демки?

Привет! Я думаю, было бы хорошо добавить две демки, которые ответили бы на такие вопросы:

1. В каких случаях container queries удобнее медиазапросов?
2. Бывают ли случаи, когда медиазапросы и вовсе особо неприменимы, зато здорово помогут выражения от контейнера?

В первом случае мне приходит на ум вёрстка страницы с закрывающейся боковой панелью, где в основной секции контент должен перестраиваться. При вёрстке на медиазапросах придётся заморачиваться и вычитать из ширины страницы ширину боковой колонки, чтобы прикинуть, сколько места у нас есть, бла-бла-бла, а выражения от контейнера сразу нам сообщают, сколько у нас места. Код короче и проще, PROFIT.

Во втором случае можно сверстать элемент, размеры которого подконтрольны пользователю и никак не зависят от размера окна. Такой пример нашла: https://codepen.io/shadeed/pen/VwPQORy?editors=0100