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

13 votes198 views6 answers
Bootstrap Badges
CSS
8 votes229 views2 answers
Css resize checkbox
CSS
1 vote206 views1 answer
Css system default font
CSS
0 vote204 views1 answer
Round image center
CSS
3 votes195 views1 answer
How to style rule to apply the Border Box model css
CSS
-2 votes195 views4 answers
Js simulate click on div
CSS
0 vote188 views1 answer
Jquery change css variiable value
CSS
0 vote215 views1 answer
Select html stop blue border
CSS
1 vote312 views1 answer
Overflow text newline
CSS
6 votes204 views3 answers
Input checkbox size
CSS