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 vote144 views1 answer
Linux copy directory permissions to another directory
CSS
0 vote136 views1 answer
Circle css animation
CSS
1 vote132 views1 answer
Padding clamp
CSS
126 votes279 views5 answers
React Bootstrap css import
CSS Bootstrap
2 votes136 views6 answers
Neumorphism
CSS
45 votes164 views6 answers
Css elipsis
CSS
0 vote136 views1 answer
Css ditribute width equealy to child components
CSS
0 vote119 views1 answer
Cs cart ty-no-image__icon ty-icon-image
CSS
0 vote157 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote134 views1 answer
Bootstrap 5 carosul height set
CSS