From the course: CSS: Combining Grid and Flexbox
Join today to access over 24,400 courses taught by industry experts.
Using Grid: Solution - CSS Tutorial
From the course: CSS: Combining Grid and Flexbox
Using Grid: Solution
(upbeat music) - [Instructor] So how did it go? Were you successful in this challenge? Were you able to make your page look like mine using CSS grid? Let's take a look at one possible solution. As I mentioned in the challenge video, you could approach this in numerous ways, so this is just an example of one approach. I already provided you with the HTML for this challenge. It's pretty straightforward and minimal. Succinct coding is what we're always striving to achieve. I didn't change anything within the HTML. As for the CSS, I've separated my new code from what I originally provided to you, but we'll go through it, and I'll consolidate down the rules, just to tidy up my CSS. Here's where my new code starts. The first thing that I did was I assigned grid areas to the header, the aside, the main, and the footer. I decided to use grid area templates to lay out my overall structure. The first step is to assign those grid…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
