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 views1 answer
Color custom css use in laravel
CSS
5 votes191 views2 answers
Css transform transition
CSS
1 vote132 views2 answers
Css darken
CSS
1 vote175 views6 answers
Tailwind css in react
CSS
0 vote177 views1 answer
Como diminuir uma imagem em css
CSS
9 votes183 views5 answers
Css background full screen
CSS
1 vote182 views1 answer
Sass calculate and concat pixels
CSS
0 vote190 views1 answer
Move element on new line css
CSS
0 vote163 views1 answer
Darken scss
CSS
0 vote172 views1 answer
How to loop a javascript array
CSS