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

Project: Use calc() and custom properties - CSS Tutorial

From the course: CSS: Variables and Fluid Layouts

Start my 1-month free trial

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…

Contents