Марафон Grid CSS

39 участников

О чём курс

Вам больше не придется мучиться с позиционированием элементов — на марафоне разбирается Grid CSS, который позволяет строить сложные и гибкие веб-сетки буквально за несколько строк кода. Программа сфокусирована на переходе от теории к верстке реальных макетов: от создания базовой структуры сетки до продвинутого выравнивания и управления линиями. Отдельное внимание уделено связке Grid с Flexbox, что позволяет решать самые нестандартные задачи в дизайне интерфейсов. Вы научитесь отлаживать сетки через DevTools и освоите приемы для обеспечения кроссбраузерности ваших макетов.

Программа обучения

  • Урок 1
    • Основные понятия
    • Создание базовой сетки
    • Домашнее задание
  • Урок 2
    • Определение размера строк и столбцов сетки
    • Домашнее задание
  • Урок 3
    • Свойство для определения шаблона сетки
    • Домашнее задание
  • Урок 4
    • Создание промежутков между столбцами и строками
    • Домашнее задание
  • Урок 5
    • Выравнивание содержимого
    • Домашнее задание
  • Урок 6
    • Нумерация линий сетки
    • Домашнее задание
  • Урок 7
    • Присвоение имен линиям сетки
    • Домашнее задание
  • Урок 8
    • Совместная работа с Flexbox CSS
    • Домашнее задание
  • Урок 9
    • Явная и неявная сетка
    • Домашнее задание
  • Урок 10
    • Свойства, которые объединяют несколько свойств в одну запись
    • Домашнее задание
  • Урок 11
    • DevTools
    • Плагин для удобной работы с Grid CSS
    • Что делать с поддержкой?
Складчина создана 31 мая 2019 г. · описание обновлено 23 марта 2026 г.
80 ₽ 500 ₽