please i need help on #layout 2 and 3 this is my codepen A Pen by justice (codepen.io)
You are failing all of the layout tests because you haven’t written any css yet.
i just applied mediaquery
i just did now please
It is still showing up blank on my end for the css section.
Are you saving the project so the live url is updated?
yes,check again cause i already passed the media querry remaining the laayout 11 and 12
Now I can see it.
The error message for the first failing test says this.
The height of #welcome-section is not equal to the height of the viewport
You haven’t added anything to the #welcome-section
selector in your css.
so how do i add this please
I just noticed that you are missing a }
at the end of your media query.
@media (max-width:600px) {
h1 {
font-size: 4.5em;
}
You need to fix that first.
Then carefully read through the error message.
It mentions the height property, so you know you are working with that in your css.
You should research in the forum search function the error message I pointed out to and you and you will find the answer pretty quickly.
Remember that research is a really important skill for developers.
Than if you try some code and it doesn’t work, reply back and we can trouble shoot it from there.
But try researching and coding something first.
It is all part of the learning process.
For a deeper understanding of viewport heights and widths, you can read through this article
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.