Need some help, stuck at 9/10

1

hello! im pretty new to coding and im doing the tribute page project. i seem to be stuck at the responsive image step. my codes are as follows;

body {
font-family:monospace;
background-color:#eee;
margin:0;
padding:0;
}
#main {
width:50%;
text-align:center;
margin:0 auto;
}
#header {
width:100%;
}
#title {
font-size:24px;
}
#img-div {
max-width:100%;
background-color:#dadada;
}
#image {
border: 10px solid #dadada;
max-width:100%;
height:auto;
}
#img-caption {
font-size:12px;
background-color:#dadada;
text-align:center;
width:100%;
}
#timeline {
font-size:18px;
text-align:left;
}
#foot {
background-color:#dadada;
text-align:center;

ssss
ssss1058×332 19.6 KB

2

look at the first line below the failed message
there is written what you are missing

next time you ask for help for a project, would you mind posting the link to your pen or whatever so it is possible to see your whole project? much easier to debug

4

here is the link
https://codepen.io/maaniumusthafa/pen/NWqeQdV

thanks for the help.

5

have you done the correction suggested by the test?

6

I added the code to CSS

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

and yet it doesn’t say i managed to make it responsive

7

in the pen you shared there is no CSS

seeing your screenshot above, that’s not the rule it asked to add. you are still missing the rule suggested in the above screenshot

8

oh sh…
my bad, ffs. sorry to have wasted your time. im a massive idiot.
haha. thanks.