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 vote198 views1 answer
All the divs from inside of another div css
CSS
0 vote197 views1 answer
Back button css
CSS
1 vote206 views1 answer
Break pre text
CSS
0 vote193 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
0 vote201 views2 answers
CSS Or Selector
CSS
0 vote207 views1 answer
Hide scroll bar and show when hover with small size
CSS
17 votes218 views2 answers
Css horizontal linear gradient
CSS
12 votes206 views5 answers
Responsive font-size
CSS
17 votes203 views3 answers
Rotate image in css
CSS
0 vote255 views1 answer
Alacritty auto start fish
CSS