Implementing Media Queries

Hi Larry,

Can you please post your code here, so we can see what's going on?

Thanks!

Hi Guil, I tried a few different ways here is one of them, its probably pretty clear that I have missed this section somewhere but I cant seem to find it:

/* Mobile ----------- */
@media screen and (max-width : 480px) {
  img {
    width: 192px:
      height:80px
  }
}

I tried to reduce the image by 1/2 but this doesn't seem to work. Thanks, Larry

You have an error in your code. After the width declaration, you should have a semi-colon (;) rather than colon (:).

width: 192px;

Grrrrrrrrr, Thanks Ian, still not passing but at least its going in the right direction.

Larry

I haven't done/can't remember doing the challenge so if you could paste in exactly what it wants you to do, that would help.

From what you've said though, if you want the image to scale, rather than:

width: 192px;
height: 80px;

Try:

width: 100%;
height: auto;

The Task is: Add the appropriate CSS code to the CSS to make images scale with the fluid layout.

Hi Larry,

To make the images scale with the fluid layout, you'll need to define a width that is 100% the width of its container.

You also do not need to define this within a media query.

Thanks Guil + Ian, Section finished now =)

Larry