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 vote174 views1 answer
Css text elipsis after width
CSS
-2 votes198 views1 answer
How to add after psuedo class in html
CSS
0 vote164 views1 answer
How to combine two screen sizes in media queries css
CSS
13 votes250 views7 answers
Animate.css
CSS
0 vote188 views1 answer
Line in css div
CSS
0 vote190 views1 answer
Css select alternate elements
CSS
0 vote216 views1 answer
Npm next-css
CSS
1 vote308 views1 answer
Css image background center horizontally in div
CSS
5 votes175 views3 answers
CSS RESPONSIVE
CSS
3 votes230 views1 answer
Width in % of a screen css
CSS