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 vote217 views1 answer
Vue center components in body
CSS
0 vote221 views1 answer
Css set width of a span
CSS
17 votes215 views1 answer
Sass calc with variable
CSS
0 vote200 views1 answer
How to disable increase descrease buttons of input type number in html
CSS
-1 vote206 views1 answer
Footer css
CSS
1 vote206 views1 answer
What is the username password for ftp lampp
CSS
2 votes247 views3 answers
Backdrop css
CSS
31 votes272 views3 answers
Rgba blue color
CSS
0 vote200 views1 answer
Text-indent
CSS
0 vote251 views2 answers
Setting multiple styles in javascript
CSS