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;
ILM
March 29, 2020, 9:36am
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
ILM
March 29, 2020, 11:07am
5
have you done the correction suggested by the test?
I added the code to CSS
#image {
max-width:100%
height:auto;
}
and yet it doesn’t say i managed to make it responsive
ILM
March 29, 2020, 11:40am
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
oh sh…
my bad, ffs. sorry to have wasted your time. im a massive idiot.
haha. thanks.