×
Ви дійсно бажаєте відкрити доступ до тестування за курсом Верстка сайту на CSS Grid на 40 днів?
ВІДЕОУРОК № 4. Створення Grid template та позиціонування контенту
Мета уроку – познайомитися з особливостями курсу, налаштувати робоче оточення, створити набір стилів для подальшої роботи в курсі та розглянути приклади роботи грід.
Мета уроку – познайомитися з основними властивостями та базовими можливостями display grid. Дізнатися про одиниці вимірювання в display grid і розглянути різницю.
Мета уроку - познайомитися з функцією repeat, вивчити роботу грід ліній, закріпити практично можливості об'єднання комірок і іменування ліній.
Мета уроку познайомитися з grid-template-areas та навчитися розбивати грід на grid-areas. Навчиться вирівнювати комірки гріда за допомогою правил justify-items та align-items.
Мета уроку - познайомитися з вирівнюванням контенту та комірок гріду. Навчитися використовувати значення max-content та min-content.
Мета уроку - познайомитися з ордерингом елементів та навчитися управляти відображенням елементів у блоці. Навчитися обмежувати сфери переміщення блоків з абсолютним позиціонуванням.
Мета уроку - познайомитися з автовластивістю грід, навчитися контролювати побудову гріду. Розглянути практичні приклади функції minmax.
Мета уроку – познайомитися з різними варіантами використання властивостей flex та grid. Розглянути приклади перетворення флекс блоків на грід.
Мета уроку - познайомитися з можливостями суміщення медіа запитів та правил грідблоків. Використовувати медіа запити для гнучкої трансформації грід лейауту.
Мета уроку - познайомитися з гіт та гітхаб, створити проект та задеплоїти створений проект на github page.