Why isn’t this working

Question

I want the heading of my site to be about 20 percent of the screen, so they isn’t this like that?

https://code.sololearn.com/W3iwa6Y8IfpH/?ref=app

Answer 1

Eli The Boy You can use simply h1 tag for greatest heading and then you were style it with css ,
Zach Hand HTML is not a programming language 🤷‍♂️🤷‍♂️🤷‍♂️👍🏼

Answer 2

Eli The Boy => use line height which is equal to height
https://code.sololearn.com/W7HJT4VZuVqZ/?ref=app

Answer 3

The easiest way to do that is to change your 20% to 20vh. Viewport height works well in this situation.

Answer 4

Abhay Pratap Singh but I wana make it so that its relative to my div meaning that from wherever its viewed or if the phone or computer is rotated it should always be about 90 percent of the div

Answer 5

Go to CSS stylesheet and type

.div1{
font-size: 2rem;
}

Try putting different values instead 2 to make font size just as you wish.

Answer 6

David lol wadaya mean?

Answer 7

Zach Hand and that will be the same as 20% in any browser and device?

Answer 8

It should work. Lemme check on a different device.

Answer 9

ok word thanks

Answer 10

No problem. Html is my main language so anytime you need more help just ask

Answer 11

thanks!!

Answer 12

Zach Hand now how would I make the text about 80% size relative to the div? percent doesnt do it and pixel wouldnt work cuz thats different in every device

Answer 13

Would making the font-size: 17vw; work or are you going for a different look?
You could pull the text down a tad with a little more code.

Answer 14

Virender Kumar Sood Thanks good to know but how does that help me with my current problem?

Answer 15

https://code.sololearn.com/W3dPcbwr9PBy/?ref=app
And you want the heading to be vertically aligned center right?
in this code your heading will be responsive and vertically centered, to whatever height you choose..

Answer 16

шоо

Answer 17

hi

Answer 18

how are u

Answer 19

because the system is being stupid