fluid image question

Hello Henry! It would be useful if you add a hyperlink to the challenge. Also: show us what you tried so far.

tip: it has something to do with

img{
width: ??? ?;
}

~ Nikos.

/* Mobile ----------- */ @media screen and (max-width : 480px) {

}

Please Edit your post. This is not helpful at all. Just include the css concerning the question.

to make the images scale you need to use the img selector in css:

img{
    property: value%;
}

and assign its "width"-property a value of "100%"

Does that help?

~ Nikos.

Hello Nikos, thanks for your time, i just edit my post... above the place where i believe i will have to Add the appropriate CSS code to the CSS to make images scale with the fluid layout"

i have tried what Alice taught by adding grid_ to it. but still not getting it . eg;

/* Mobile ----------- */ @media screen and (max-width : 480px) { .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { width: 100%;} }

Hello Henry, good news: the solution is way easier than you think ;) i just redid the challenge:

the challenge DID NOT ask you to add code to a media query. the challenge DID ask you to add

img{
width: 100%;
}

to the css in between the <style> tags.

~ Nikos.

PS: Rewatch some videos before this Challenge, maybe it'll help you understand the difference.

Thanks Nikos, yeah it helped, I got it...".i had to re watch Creating Fluid Foundation", that's where she explained it better....

img {
  max-width: 100%;
}

Hello Nick, I got held up at the last Question... "Add the appropriate CSS code to the media query so that images within the ".cupcake" div disappear when the device or browser width is at most 480px wide."

/* Mobile ----------- */ @media screen and (max-width : 480px) { .menu { width: 100%; margin: 0 0 2% 0; float: left; } .contact { width: 100%; margin: 5% 0; padding: 3%; float: right; background-color: #2e0400; border-radius: 15px; } .cupcake { border-bottom: 1px dotted #FAF3BC; padding: 5% 0; }

}