Red Eye Photography project: images aren't responsive


#1

Hi,
I'm having trouble getting my images to be responsive. I applied the class "image-responsive" but they look identical to their pre-classed state. Here's my code:

HTML:
<div class="container">
<div class="row">
<div class="col-md-4"><img src="#" class="image-responsive">
</div>
</div>
</div>

CSS:
.row {
margin-top: 30px;
}

@media (max-width: 500px) {
  .row {
    margin-top: 0;
  }
  .img-responsive {
    margin-bottom: 20px;
  }

#2

I don't know if that's your actual code or if you truncated for the forum, but I think the problem is closing the container and row without the other images. You should only have one closing div tag after the first image.

I'm learning myself so I could be completely wrong, but worth a shot. :slightly_smiling: