Personal portfolio , how to make height equal to viewport

https://codepen.io/Huma-Arzoo/pen/wvGeNwX

i have try this code to make height equal to view port but it still not work.


#welcome-section{
text-align:center;
margin-bottom:40em;
height:100%;
min-height:100px;
margin-top:30em;
 

please help me ,
how’s it is looking my portfolio page ? its enough desining? or make more design on it?

2 Likes

Hello

You should change the height value to 100 vh instead of 100%

#welcome-section{
text-align:center;
margin-bottom:40em;
height:100vh;
min-height:100px;
margin-top:30em;

With that change it passes the test.

3 Likes

It is just okay,but I think you should change the colour to something dark like red or blue

Thank you so much @JAF

1 Like

OK i have change some designing now check it ? @adaezebaby

1 Like

Please send the link again,looks like I have lost it.

https://codepen.io/Huma-Arzoo/pen/wvGeNwX

@adaezebaby

1 Like

Did you change anything please?

Yes i have chane background color of navbar and project s backgroun color only ,

1 Like

I like your designs,but I think if you change the color to red or blue or colors that are dark it looks much better.

What do you think about it?

yeah i think its will look nice , but tell me @adaezebaby where to change the color to red or blue ? i will try then.
should i try on navbar or where red or blue color use ?

1 Like

If you took the design from link address,I think if you can find the same background but different colour
or
before the design change the color to any color of your choice then put the design into practice.

1 Like

Thank you so much @adaezebaby for your time , yeah i will practise it , i will try in footer element the red or blue color

1 Like

You are welcome,if you have any other problem I think I can handle I will look at it.Bye,

1 Like

staybless @adaezebaby bye bye

#footer{
  background-color:blue;
}

i have try it but its not work

footer needs to be inside the quotes ""

You have:

id=""footer

2 Likes

I pray you succed in being able to change the background.

1 Like

i have done it <3 but i use grey color , blue is not looking good that why

1 Like