Lessons: 15Length: 1.3 hours
- Overview
- Transcript
1.1 Introduction
Welcome to “3 CSS Grid Projects for Web Designers“. In this course you will create three projects to prepare for what is to come with the powerful CSS Grid Layout module.
Related Links
1.Introduction
1.1Introduction00:40
1.2Using Firefox Nightly03:15
2.Project 1: Simple CSS Grid Layout
2.1Basic HTML Setup for Grid Layout02:37
2.2Creating a Simple Layout Using Column Spans09:21
2.3Creating a Simple Layout Using grid-area08:20
3.Project 2: Intermediate CSS Grid Layout
3.1Looking at the HTML04:43
3.2Nested Grids08:19
3.3Alignment and Justification06:06
3.4Finishing Up02:30
4.Project 3: Advanced Grid Layout
4.1What You Will Be Building09:26
4.2Flexbox Menu02:09
4.3Laying Out the Main Grid09:04
4.4Styling Cards09:49
4.5Laying Out the Archives02:52
5.Conclusion
5.1Final Thoughts00:31
1.1 Introduction
Hello and welcome to three CSS Grid projects for web designers. My name is Craig Campbell and I will be your instructor for this course. In the following lessons, we're going to dive into three practical projects to explore the current state of the CSS Grid Layout specification. Hopefully, this course will give you a good idea of what to expect from the Grid Layout so that when it's released you'll be prepared for it. Now this course requires a basic knowledge of HTML and CSS. And if you want to know more about the fundamentals of Grid Layout, check out the links in the course notes. So I wanna thank you so much for checking out this course, and in the next lesson, we'll get started.
