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

4 votes208 views3 answers
Add space between all html elements flex
CSS
32 votes215 views6 answers
Css animations
CSS
0 vote214 views2 answers
Increase space between dashed border css
CSS
0 vote221 views1 answer
Barra de rolagem vertical css
CSS
5 votes212 views2 answers
Css for disabled button
CSS
0 vote203 views1 answer
Css ripple effect
CSS
0 vote205 views1 answer
Vertical align h1 inside div
CSS
0 vote164 views1 answer
Cursor color change
CSS
0 vote198 views1 answer
How to change height font css
CSS
-1 vote277 views1 answer
<link>
CSS