Stuck on personal portfolio

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

Your css section is blank on my end.

Where did you add the media query?

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. :grinning:

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.