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 vote318 views1 answer
Progress bar bootstrap border
CSS
0 vote324 views1 answer
à quoi sert clearfix
CSS
1 vote325 views2 answers
Button width based on text csss
CSS
2 votes372 views1 answer
Are you sure you want to delete html
CSS
0 vote331 views1 answer
Ellipsis css in table cell 2 lines
CSS
0 vote344 views1 answer
Bootstrap 4 input error
CSS
2 votes334 views1 answer
Css minmax
CSS
5 votes336 views1 answer
Css animate flashing
CSS
4 votes327 views3 answers
How to change background color in ElevateButton flutter
CSS
0 vote353 views1 answer
Ausgewählter text farbe ändern css
CSS