Tailwind css image grid

########### Responsive Grids ###############

<div class="flex flex-wrap">
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-400"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 xl:w-1/6 mb-4 bg-gray-400"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-gray-500"></div>
  <div class="w-full sm:w-1/2 md:w-1/3 lg:w-1/2 xl:w-1/6 mb-4 bg-gray-400"></div>
</div>

Similar codes

5 votes212 views2 answers
Css make input unselectable
CSS
0 vote169 views1 answer
Grid css fr width of content
CSS
0 vote170 views1 answer
How to make scroller show only on hover of container
CSS
0 vote173 views1 answer
Linear gradient farthest-corner code css
CSS
-2 votes167 views1 answer
Scaling Images and Videos css
CSS
2 votes194 views4 answers
Sieve of eratosthenes
CSS
0 vote179 views1 answer
Tar xz
CSS
0 vote159 views1 answer
Css media two conditions
CSS
0 vote172 views1 answer
How to add images on images css
CSS
0 vote167 views1 answer
Css content from data attribute
CSS