[Перевод] Понимание CSS Grid (3 часть): Grid-области

Скрипты и советы | 5 мая 2020 1 039

Уроки CSS на Хабрахабре, habrahabr.ru, Разработка веб-сайтов, CSS, Web Development, frontend, html, layout, вёрстка, разработка веб-сайтов,

Приветствую! Представляю вашему вниманию перевод статьи «Understanding CSS Grid: Grid Template Areas» автора Rachel Andrew



При использовании CSS Grid, вы можете располагать элементы на сетке, указывая начальную и конечную grid-линии. Однако, существует и другой, более наглядный способ описания разметки. В этой статье мы узнаем, как использовать свойство grid-template-areas для размещения элементов на сетке и выясним, как оно в действительности работает.

Читать дальше →
[Перевод] Понимание CSS Grid (2 часть): Grid-линии

Перевод Understanding CSS Grid: Grid Lines» Rachel Andrew В первой статье из серии "Понимание CSS Grid" мы рассмотрели,...

Подробнее
CSS Grid понятно для всех

Что такое Grid? Grid представляет собой пересекающийся набор горизонтальных и вертикальных линий — один набор...

Подробнее
[Перевод] Именование в CSS Grid

Когда вы впервые изучаете, как использовать Grid-разметку, можно начать с размещения элементов на сетке по номерам...

Подробнее
[Перевод] Понимание CSS Grid: Создание Grid-контейнера

Перевод «Understanding CSS Grid: Creating A Grid Container» Рейчел Эндрю Хотя технология CSS Grid стала поддерживаться...

Подробнее
[Перевод] Анимация грида в CSS

Я рад пролить свет на тот факт, что CSS grid-template-rows и grid-template-columns теперь можно анимировать во всех...

Подробнее
[Перевод] Современные решения старых CSS-задач (2 часть): Элементы одинаковой высоты: Flexbox vs Grid

Приветствую. Представляю вашему вниманию перевод статьи «Equal Height Elements: Flexbox vs. Grid», опубликованной 9...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями