CSS Grid makes it easier to create website layouts. It simplifies both your HTML and CSS, while giving you more control over your layout. You can take the interactive version of this CSS grid tutorial here:
The course contains three sections. The first two will teach you the core concepts you need to know to get started. Together, we’ll build both a website layout and a super cool image grid. In the bonus section, you’ll learn how to create article layouts with CSS Grid plus some more advanced concepts.
⭐️Full content overview⭐️
⌨️ 0:01 1. Course Introduction
⌨️ 4:47 2. Your first grid
⌨️ 8:03 3. Fraction units and repeat
⌨️ 11:45 4. Positioning items
⌨️ 18:28 5. Template areas
⌨️ 23:18 6. Auto-fit and minmax
⌨️ 27:07 7. Implicit rows
⌨️ 29:06 8. An awesome image grid
⌨️ 35:56 9. Bonus: Named Lines
⌨️ 41:25 10. Bonus: Justify-content and align-content
⌨️ 44:17 11. Bonus: Justify-items and align-items
⌨️ 47:44 12. Bonus: Auto-fit vs. auto-fill
⌨️ 49:39 13. Bonus: Creating an article layout
⌨️ 57:37 14. Bonus: Grid vs. Flexbox
You can connect with the course creator Per Harald Borgen via Twitter:
--
Learn to code for free and get a developer job:
Read hundreds of articles on programming:
1 view
67
20
7 months ago 00:13:01 1
Создаем адаптивный сайт-визитку | HTML & CSS туториал
7 months ago 00:00:55 1
CSS grid repeat minmax задача #css
7 months ago 00:10:06 1
В чем разница между Float, Flexbox и Grid CSS?
7 months ago 02:30:12 1
Подробный видео курс по Bootstrap 5 на русском языке, Как создать сайт на Bootstrap 5