Media queries question

Question

Hello Team,
 I got held up at this code challenge... "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;
     }

Henry Udefi · Answer

Thanks John, i really needed the advice...

John Locke · Answer

Start now! It doesn't need to be perfect. You're building to learn. Every site you build will make you more polished and you will learn more each time.

Henry Udefi · Answer

Thanks Lunn, I got it... i have a another Question, when do you think i should start designing a simple site, to follow up the project, should i finish with the project at hand (smell like bakin) or start my own now, need some advice...
Henry

Ian Lunn · Answer

The selector to use for images within the cupcake div is:
.cupcake img
And the declaration to hide those images is:
display: none;

Welcome to the Treehouse Community

Looking to learn something new?

Henry Udefi

Henry Udefi

Media queries question

4 Answers

Ian Lunn

Ian Lunn

Henry Udefi

Henry Udefi

John Locke

John Locke

Henry Udefi

Henry Udefi