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

2 votes110 views1 answer
Css image to white
CSS
10 votes133 views3 answers
Html disable suggestions
CSS
0 vote114 views1 answer
Css select alternate elements
CSS
0 vote99 views1 answer
How to make a width infinite and hidden using css
CSS
3 votes90 views3 answers
Blinking animation css
CSS
0 vote105 views3 answers
Split large files
CSS
0 vote122 views1 answer
Jpa select date format
CSS
0 vote111 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
1 vote110 views1 answer
Css linkup
CSS
15 votes100 views3 answers
Css change text
CSS