I need help in this code...

Question

Link to the code: https://code.sololearn.com/W8HWsTpE6PqS

I want to align the heading vertically center but it's not happening(I used flexbox for the purpose). Can anyone tell me the error in it?

Answer 1

Error solved. I just removed the div tag as it was kinda feeling like some extra stuff. Then I specified the height of section tag that is-height="100%". Then in CSS, in .home h1, {vertical-align:middle;}.
https://code.sololearn.com/W9t8B5Aon8XB/?ref=app

Answer 2

Thanks guys

Answer 3

@chirag

add below CSS in addition to what you have
.name h1{
margin:auto
}
.name{
height:100%;
width:100%;
}
It should solve your problem.

Answer 4

Check if the results of what i commented are good for you.

Answer 5

The h1 is already vertically aligned s:
Try to increase the height of the div in order to see the difference.
You might want to add something like this to your CSS code:
.home, .name{
height:100%;
}