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 vote314 views3 answers
Navigation sidebar animated
CSS
0 vote347 views1 answer
Background image for div in grid system bootstrap
CSS
0 vote319 views1 answer
ProgressBars bulma -- thickness
CSS
0 vote300 views1 answer
Radio button css only 1
CSS
72 votes332 views6 answers
How to change font size in css
CSS
0 vote345 views1 answer
Get into a Docker container bash
CSS
8 votes327 views2 answers
Css random color
CSS
0 vote331 views1 answer
Add border to the array
CSS
1 vote327 views1 answer
Css p tag text wrap
CSS
3 votes309 views2 answers
How to make border for letters in css
CSS