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

1 vote133 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
0 vote134 views2 answers
Css firefox remove scrollbar
CSS
12 votes142 views6 answers
Text-align css
CSS
0 vote139 views1 answer
How to set unclickable checkbox using css
CSS
7 votes140 views3 answers
Css animation infinite
CSS
0 vote145 views1 answer
Center tecxt css
CSS
0 vote127 views5 answers
Boostrap css
CSS Bootstrap
0 vote139 views4 answers
Background image stretch to fill
CSS
1 vote139 views1 answer
Scroll start from bottom css
CSS
68 votes135 views5 answers
Jquery css
CSS