Tribute page layout test

can’t get why its failing the layout test
https://codepen.io/advitya-sharma/pen/JjYVRRO

1 Like

Well, for the first problem, you should have a section with an id called welcome-section. There isn’t anything like that.

Would you like to look at my code from this challenge to understand?

1 Like

you have to just make your image responsive
do something like this:

#image{
  max-width: 100%;
  max-height: 100%;
}

Otherwise your page is looking good

only those things make an image responsive ?

Hey, that’s the magic of coding :wink:

this dont seem to work

sure ,I didnt saw mention of welcome section anywhere

Well, if you go to the little test section in your console and press on the red button that says your code is incorrect, it tells you what is required of you to pass the test.

1 Like

I pressed it and you have ten different things you have wrong.

1 Like

https://codepen.io/hopefulcodegirl/pen/vYNpgmV

Here is my code to help you get an idea.

1 Like

But do you see what I am talking about?

1 Like

omgosh! wait!!! You made a mistake!

1 Like

Your test is set to personal portfolio! Change it to tribute page! Everything will change!

1 Like

Here’s the error code I get.

1 Like

I’m testing it with tribute page,I saw your code it has max-width in #image ,I added that but still not working

whit this is passing 10/10 !!!

set the height in your CSS to auto

i just tried it. It will work. Put it in your #img in CSS.

height: auto

1 Like

you just have to set max-width and max-height of #image to 100%

2 Likes

passed,I did height width to auto then changed max width and height

2 Likes

hooray! Are you thrilled!?