Make Typography Responsive

Make Typography Responsive
0.0 0

#1

Tell us what’s happening:
Hello everyone,

I’m sure that I’m missing something so blatantly obvious that I’ll probably slap myself a few times once I see it… but for the life of me I can’t see what’s wrong with my code. Any suggestions ?

Your code so far


<style>
  
</style>

<h2 style="width: 80vw;">Importantus Ipsum</h2>
<p style="width: 75vmin;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/make-typography-responsive/


#2

Just realized what the problem is. My brain completely ignored the tag at the top of the page and went straight to inline styling. Bad brain. I’m off to slap myself !


#3

Hi @ThatGuyWithAHammer,

Don’t put “width” in “style”.
It must be a property of your element.
Do <h2 width: 80vw>