Как слепить блоки?

Question

[Slasherr]

Здраствуйте.

Верстаю секцию с фото, и столкнулся с проблемой, выровнял блоки с помощью флексов, но между ними небольшой пропуск. Как заставить их слепится??

prntscr.com/eza7mz

.meal-showcase{
  list-style: none;
  width:100%;
  display: flex;
}

.meal-showcase>li{
  width:25%;
  display: block;
}

.meal-photo{
  width: 100%;
  margin: 0;
}

.meal-photo>img{
  width:100%;
  height: auto;
}

<section class="section-meals">
  <ul class="meal-showcase">
    <li>
      <figure class="meal-photo">
        <img src="Image/1.jpg" alt="Eating">
      </figure>
    </li>
    <li>
      <figure class="meal-photo">
        <img src="Image/2.jpg" alt="Eating">
      </figure>
    </li>
    <li>
      <figure class="meal-photo">
        <img src="Image/3.jpg" alt="Eating">
      </figure>
    </li>
    <li>
      <figure class="meal-photo">
        <img src="Image/4.jpg" alt="Eating">
      </figure>
    </li>
  </ul>
  <ul class="meal-showcase">
    <li>
      <figure class="meal-photo">
        <img src="Image/5.jpg" alt="Eating">
      </figure>
    </li>
    <li>
      <figure class="meal-photo">
        <img src="Image/6.jpg" alt="Eating">
      </figure>
    </li>
    <li>
      <figure class="meal-photo">
        <img src="Image/7.jpg" alt="Eating">
      </figure>
    </li>
    <li>
      <figure class="meal-photo">
        <img src="Image/8.jpg" alt="Eating">
      </figure>
    </li>
  </ul>

</section>

Answer 1

[galkan]

.meal-photo>img{
width:100%;
height: auto;

display: block;
}

Comments

[Slasherr]

Спасибо)..Что-то я туплю ппц. Сорри)