JSFiddle - React, Tailwind, and code Playground

by l2banners

HTML

<div class="content">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.png" alt="">
  <img src="http://ipic.su/7yNXcp.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%;
}
*/