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

38 votes172 views6 answers
Media query min and max width for all devices
CSS
34 votes130 views1 answer
Css middle and center align div
CSS
0 vote141 views1 answer
Double border color css
CSS
0 vote155 views2 answers
How to change jumbotron size
CSS
0 vote134 views1 answer
Animacion de gota css
CSS
55 votes207 views6 answers
Css margin
CSS
47 votes144 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
8 votes129 views2 answers
Clearfix css
CSS
-1 vote136 views1 answer
Css dual color
CSS
1 vote105 views1 answer
Sm size website
CSS