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

59 votes369 views4 answers
Rgb blue color code
CSS
1 vote350 views1 answer
Css selector not contain
CSS
0 vote373 views2 answers
Not clickable css
CSS
0 vote357 views2 answers
Superscript css
CSS
0 vote335 views1 answer
Progress bar bootstrap border
CSS
88 votes325 views6 answers
Css border radius
CSS
0 vote345 views1 answer
Free hrml css curs
CSS
8 votes352 views2 answers
Center div vertically tailwind
CSS
3 votes379 views1 answer
Visibility transition css only on show
CSS
0 vote327 views1 answer
How to enlarge image when hover on in css
CSS