Help- Make Typography Responsive

HTML-CSS
1

Tell us what’s happening:

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 (Linux; Android 8.1.0; TECNO CA8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Mobile Safari/537.36.

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

2

You still need to use the rule to change font dimensions, the way it is shown in the description of the challenge may be confusing but it is just showing what each unit does

For example you could set the width of an image using vw and you can do width: 30vw instead of the usual width: 400px , but it’s always the same rule

1 Like
3

try changing vw: to width…

1 Like