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 vote218 views1 answer
Farther of genetics
CSS
0 vote152 views1 answer
How to make jest parse the imported css modules in create react app
CSS
2 votes155 views1 answer
Make a quarter of circle css
CSS
0 vote120 views1 answer
Css tricks macos spaces in dock
CSS
0 vote192 views1 answer
Python css
CSS
1 vote128 views3 answers
Tag php
CSS
15 votes144 views3 answers
Image rotate with css
CSS
3 votes122 views2 answers
How to zoom iin by default in html page
CSS
0 vote146 views1 answer
Add shadowto container
CSS
0 vote141 views1 answer
Css borrar
CSS