No space between my images

Can you post a sample of your code? The easiest way to answer these questions is to take a look at the actual html and css.

I hope this helps:

     <div id="featured-cupcake" class="grid_7">
        <h2>Cupcake of the Week</h2>
        <p>This week's featured cupcake is the <a href="#">Avocado Chocolate Cupcake</a>. It's a strange combination of    flavours that will kick your taste buds into fiesta mode.</p>
        <img src="img/featured-cupcake.jpg" alt="Avocado Chocolate Cupcake">
      </div>

      <div id="new-cupcakes" class="grid_5 omega">
        <h2> Fresh Out the Oven</h2>
        <p>Our newest cupcakes are <a href="#">Bacon Me Crazy</a> and <a href="#">Jalapeno So Spicy</a>. </p>
        <img src="img/new-cupcake-bacon.jpg" alt="Bacon Me Crazy">
        <img src="img/new-cupcake-jalapeno.jpg" alt="Jalapeno So Spicy">
      </div>

Can I get an image of the CSS code too? I think the error might be in the CSS code, since I did that project and your HTML code seems to be exactly the same as mine. Thanks

I don't think the problem is in the CSS code because early on in the project before I added any CSS I noticed there was no space between those two images. Just in case, here's the CSS:

#new-cupcakes img {
    border: 8px solid #FAF3BC;
    margin: 0 0 20px 0;
}

#featured-cupcake img {
    border: 8px solid #FAF3BC;
}

Yeah everything looks good, at least on those parts of the code you gave us. Maybe someone with more advanced knowledge can put in their two cents.

Here is what I would do to fix it. I would take the #featured-cupcake img block and move it above the #new-cupcakes img block. I prefer to have specific stylings target an html element in the order that they appear on the page.

Also, when I try to target a child of an element, I always use a child selector. I would change the css to read:

#featured-cupcake > img {
  //your code
}
#new-cupcakes > img {
  //your code
}

Let me know if that helps.

-Nick