From the course: CSS: Variables and Fluid Layouts
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Project: Use calc() and custom properties - CSS Tutorial
From the course: CSS: Variables and Fluid Layouts
Project: Use calc() and custom properties
- [Narrator] In this next project, over this next chapter, we're going to apply these calc and custom property skills we've been developing this whole course long, and we're going to apply this to a webpage that's been laid out using CSS grid. I am showing you here three screenshots. These are from your exercise files, so make sure you've downloaded your exercise files. We take a look in your exercise files folder in the folder numbered zero four dash zero one. You will find these three screenshots that are called desktop, tablet, and mobile, and just go on ahead and open those up so you can follow along. So this was the specification given to us by the graphic designer, and as you can see here, all the way over on the far right side, this is mobile. We've got a series of boxes that are stacked on top of each other. So we have this leading, artfully arranged thing on the top with the boxes for the newsletter and the…
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.