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

3 votes310 views1 answer
Wrap table html
CSS
74 votes363 views6 answers
Display flex
CSS
0 vote354 views2 answers
Ios sms css
CSS
0 vote336 views1 answer
Css percentrage minus px
CSS
26 votes345 views2 answers
Onhover mouse pointer css
CSS
-1 vote341 views1 answer
Add css to express app
CSS
19 votes338 views2 answers
Center div in middle of page
CSS
0 vote361 views1 answer
Css remove margin around page
CSS
1 vote359 views1 answer
Linkedin color hez
CSS
0 vote396 views1 answer
Css efeito negativo fotos
CSS