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

0 vote323 views1 answer
Api not working in github pages
CSS
1 vote327 views1 answer
Animated website using html and css
CSS
16 votes325 views3 answers
CSS Head Link
CSS
35 votes353 views2 answers
Css code for margin
CSS
64 votes322 views6 answers
Center image html
CSS
0 vote386 views3 answers
Add custom css to wordpress menu item
CSS
20 votes334 views6 answers
Gradient background image
CSS
13 votes420 views4 answers
How to print background bootstrap
CSS Bootstrap
0 vote346 views2 answers
How to change the select arrow in css
CSS
0 vote363 views1 answer
Sass rainbow color background
CSS