[Перевод] Минимальный размер контента в CSS grid

Иногда, когда вы пишете компонент, то вдруг замечаете странную полосу горизонтальной прокрутки. Снова и снова вы пытаетесь исправить положение, только чтобы позже понять, что причина в чём-то другом. Сколько раз так было? В этой статье я растолкую хитрую проблему, которая может стоить часов проб и ошибок; связана эта проблема с макетом сетки CSS, и я подумал, что о ней стоит написать. Прежде чем начать, я хочу дать некоторый контекст. Вот несколько вещей, которые следует принять во внимание. Представьте, что вы:



Столкнулись с этой проблемой в середине рабочего дня. Вы устали, и у вас есть много работы, которую нужно сделать.

Вы уже проголодались.

Первопричину проблемы легко упустить, поскольку она не связана с компонентом, над которым вы работаете.


Учитывая всё это, давайте погрузимся в проблему.






Приятного чтения!

Источник: Уроки CSS на Хабрахабре