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 vote163 views2 answers
How to make a strip in html and css
CSS
0 vote172 views1 answer
Background Image Accessibility concerns
CSS
4 votes181 views1 answer
Target css by form name
CSS
0 vote201 views1 answer
Tampermonkey custom css
CSS
0 vote169 views1 answer
Countload on pageloading in html css
CSS
0 vote193 views2 answers
How to change jumbotron size
CSS
56 votes176 views6 answers
How to center divs in css
CSS
1 vote166 views1 answer
Css table grid
CSS
1 vote182 views2 answers
Styles only for IE
CSS
0 vote176 views1 answer
Paste in form field cordova app
CSS