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 vote395 views1 answer
Css only if both classes
CSS
0 vote331 views1 answer
Textarea resize only horizontal
CSS
0 vote282 views3 answers
Change text in a div css
CSS
0 vote292 views1 answer
Css using border top border bottom to create a hamburger icon
CSS
54 votes253 views6 answers
Background color css
CSS
1 vote316 views1 answer
How to add 2 text shadows
CSS
0 vote305 views2 answers
Woocommerce cart css description
CSS
1 vote313 views1 answer
Remove boldness css
CSS
1 vote300 views1 answer
Css testo che scorre
CSS
2 votes292 views1 answer
Css make something always on top
CSS