From the course: CSS: Variables and Fluid Layouts

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Solution: Media query integration

Solution: Media query integration - CSS Tutorial

From the course: CSS: Variables and Fluid Layouts

Start my 1-month free trial

Solution: Media query integration

“

(upbeat music) - [Instructor] So, how'd you do with that challenge? This is my particular solution. As before, we don't really need to touch the HTML at all, and I actually didn't touch any of the code that we wrote already either. So what I've done here is simply gone ahead and worked with a different type scale at mobile dimensions. 1.125 is the major second, and if you take a look here, all of that math is all still the same. Then down here in my media queries, all I did was change the factor for my type scale. So if you watch my type over here, you see we start at mobile dimensions with not a lot of difference between those type sizes, and as I hit my various breakpoints, those type sizes will increase. Now the base is always the same. The base font size was set to be 16 pixels or one m. And in fact, in the math that we have here, that's just currently set to one m. here, and you could have changed that to a…

Contents