0

enter image description here

I tried setting padding, margin and border to zero but the margins still exist.

They are removed only when the browser is resized.

html

.item {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  float: left;
}
<a href='link.html'>
  <img class='img-responsive item col-xs-6 col-sm-4 col-md-3 col-lg-2' src='some.jpg'>
</a>
mfathy00
  • 1,601
  • 1
  • 13
  • 28
jerome
  • 91
  • 10

1 Answers1

0

When you set the display property of a list of items to inline-block every element has 4px extra on the right side.

Maybe this help you.

cromillo
  • 41
  • 4