From the course: Responsive Typography Techniques

Unlock the full course today

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

Solution: Select and apply a different scale

Solution: Select and apply a different scale - CSS Tutorial

From the course: Responsive Typography Techniques

Start my 1-month free trial

Solution: Select and apply a different scale

“

And now here's my solution to our challenge. I decided to stick to something related to the number three, for the three bears in our content, so I chose a scale based of the major sixth interval. Six is close enough to three conceptually for me. As you can see from my results on modularscale.com The major sixth interval gave me a ratio of 1 to 1.667. And looking at the numbers that I got as a result, you can see I still used the same two important numbers that we used for our original scale. Not something you had to do, but something I decided to stick with. My overall results are a bit more dramatic thanks to the bigger ratio. You can see that my title's a bit bigger, my lead in paragraph is a little bit bigger. My body text is a whole lot bigger, and a lot closer to the size of the lead in text, so that change from the lead in paragraph to the main body text, is less dramatic and less of a jolt then it was before. I saved the really big dramatic sizing for further down the page…

Contents