🔒Открыть пост
и посмотреть медиа
и посмотреть медиа
😎 34 способа сломать CSS Grid
Подводные камни и неочевидное поведение двумерных сеток
С чего начинается:
⏺ min-width: auto у грид-элемента: длинный контент разопрёт колонку 1fr, добавь min-width: 0.
⏺ Ошибись в геометрии grid-template-areas: зоны обязаны быть прямоугольниками, L-формы ломают сетку.
⏺ Задай repeat(auto-fit, 1fr): без функции minmax() грид не станет переносить элементы на новую строку.
— Листай карточки, весь список внутри. Сохрани, чтобы не искать, когда понадобится.
🤓 Indigo Web | #css #grid #вёрстка #фронтенд