CSS Grid Layout – це гнучкий і потужний спосіб керування розміщенням елементів, що разом із базовими елементами CSS реалізує повну і завершену систему створення макетів вебсторінок.
Під час проходження курсу «Верстка на Grid» ви познайомитеся з основами CSS Grid і на практиці дізнаєтеся, як ефективно використовувати CSS Grid для створення гнучких та адаптивних макетів. Ви навчитеся створювати сітки за допомогою grid-template-columns та grid-template-rows, задавати розміри та розташування елементів у середині сітки з використанням grid-column та grid-row, а також керувати простором між елементами за допомогою grid-gap. По закінченню курсу ви зможете створювати складні сітки, зрозумієте, як керувати розташуванням та розмірами елементів, а також навчитеся використовувати потужні функції, такі як позиціювання елементів, створення областей сітки та багато інших.
Даний навчальний курс надасть вам не тільки теоретичне розуміння найкращих практик та сучасних трендів у галузі верстки, а й практичні навички створювання гнучких та сучасних вебмакетів. Після проходження курсу ви зможете отримати сертифікат, що підтверджує ваші знання та вміння використовувати Grid-верстку.
Курс «Верстка на Grid» ідеально підходить для веброзробників, дизайнерів та всіх, хто зацікавлений у створенні сучасних та адаптивних вебсторінок за допомогою CSS Grid.
Ціль уроку – познайомитися з описом курсу, дізнатися, що таке Grid в CSS, попрацювати з онлайн IDE Codeopen, налаштувати робоче оточення та розглянути приклади роботи з Grid container.