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.

Make the layout formula even more flexible

Make the layout formula even more flexible - CSS Tutorial

From the course: CSS: Variables and Fluid Layouts

Start my 1-month free trial

Make the layout formula even more flexible

“

- [Instructor] All right, so we've laid out our whole webpage using the cool little formula that we've got going on here. But I've just added onto this another piece of HTML. You know how clients are. They come back to you and they want to lay yet something else out. And so what's going on here now is I've added to this the very top of our HTML, always look at that first, at the very top of our HTML, I have a note from the client that says we want to have one image across here at mobile, this is going to be an image gallery, and then we're going to have it go two images across at the tablet dimension and three images across at a desktop dimension. So we have our row declared here. We have our div with a class of col four because this is going to occupy the full width of the screen, but inside of that, we have an unordered list with individual list items. There's six of them, six doesn't go anywhere near the four that…

Contents