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 vote99 views1 answer
Css layers over background-images
CSS
0 vote102 views1 answer
How to remove table border in css for last child if rowspan
CSS
1 vote111 views1 answer
-webkit css
CSS
0 vote110 views1 answer
Sub menu disappears on hover css
CSS
7 votes127 views2 answers
Input background color
CSS
4 votes125 views2 answers
How to set text in center in flex item
CSS
12 votes114 views2 answers
Css select every other element
CSS
0 vote111 views1 answer
Vervaging en verloop css
CSS
0 vote163 views2 answers
Css comment placer un icon sur une photo
CSS
1 vote108 views2 answers
Text align left top
CSS