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 vote322 views1 answer
Bootstrap accessibility
CSS Bootstrap
5 votes292 views2 answers
Onclick reload an iframe
CSS
0 vote288 views1 answer
Line circle in css
CSS
0 vote344 views1 answer
How to slow down hover effect css
CSS
0 vote249 views1 answer
How to give a background color strip in html and css
CSS
-1 vote277 views2 answers
Hide the scrollbar in css if not overflow
CSS
0 vote273 views10 answers
Stack Overflow
CSS
0 vote289 views1 answer
Repartir div vertical ecran css
CSS
1 vote271 views1 answer
Css after not working
CSS
0 vote293 views2 answers
Dont break word css
CSS