Responsive Typography

HTML-CSS
1

Tell us what’s happening:
Im absolutely stompped by this one boys ?!?
Its talking about the viewport width…im stuck

Your code so far


<style>
  h2 {
      vw: 80vw;
  }
  p {
      vmin: 75vmin;
  }
</style>

<h2>Importantus Ipsum</h2>
<p>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; rv:61.0) Gecko/20100101 Firefox/61.0.

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

2

Instead of ‘vw: 80vw’ what they asked for is ‘width’ set to ‘80vw’ so change vw to width.
And same for the p tag.

3

oh ok thank you, its just the example said this “vw: 10vw would be 10% of the viewport’s width.”
which is why i didnt even think to put width…
do you think thats a mistake on their part or…?
now that i think of it, its probably comon sense but hyeah

4

ok i get it now that wasnt an example its just trying to explain the vw, vh… thanks again

1 Like
5

I made the exact same mistake… don’t worry about it

1 Like