JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcw.png" alt="">
  <img src="http://ipic.su/7yNXcC.png" alt="">
  <img src="http://ipic.su/7yNXcG.png" alt="">
  <img src="http://ipic.su/7yNXcH.png" alt="">
  <img src="http://ipic.su/7yNXcJ.png" alt="">
  <img src="http://ipic.su/7yNXcN.png" alt="">
  <img src="http://ipic.su/7yNXcQ.png" alt="">
  <img src="http://ipic.su/7yNXcW.png" alt="">
  <img src="http://ipic.su/7yNXcY.png" alt="">
  <img src="http://ipic.su/7yNXcZ.png" alt="">
  <img src="http://ipic.su/7yNXd0.png" alt="">
</div>

CSS

* {
  margin: 0;
  padding: 0;
}
.content {
  display: flex;
  flex-wrap: wrap;
  background-color: red;
}
.content img {
  width: calc(100% / 6);
}
/*
С гридами и fr отступы тоже не исчезают
.content {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  background-color: red;
}
.content img {
  width: 100%;
}
*/