My height of the welcome section should be equal to the height of the viewport

Failed to pass this,not sure where i went wrong,someone help please,been stuck for a full day,please help even after setting the height to 100px;%;vh; all didnt work,what should i fix please

Your code so far

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:93.0) Gecko/20100101 Firefox/93.0

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

height: 100vh;
?
20 characters

i did all that but it didnt work

.welcome-section {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom:40em;
width: 100%;
height: 100vh;
min-height: 100px;
margin-top: 30em thats what i used but it didnt help

did you try putting height before display: setting?
(sorry, iā€™m a noob too, but try it)(and the other non flex things)(maybe drop the margin-top setting)

just tried now but still nothing

click 4 spoiler

#welcome-section {
background: linear-gradient(90deg, #634A45, #090504, #874D40);
width: auto;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}

dunno why these:
margin-bottom:40em;
margin-top: 30em

tried them from other users but they didnt help so i just removed them but not working i dont know why https://codepen.io/AllenG/pen/porPpWQ My code

oops,it just worked after removing everything and leaving only height option,thanks for your help

1 Like