Summary
Keywords
Full Transcript
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: https://scrimba.com/g/gR8PTE 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: https://twitter.com/perborgen -- Learn to code for free and get a developer job: https://www.freecodecamp.com Read hundreds of articles on programming: https://medium.freecodecamp.com ❤️ Support for this channel comes from our friends at Scrimba – the coding platform that's reinvented interactive learning: https://scrimba.com/freecodecamp
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
