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 vote165 views2 answers
How to add a selection in css
CSS
0 vote142 views1 answer
How input field bottom shadow in css
CSS
1 vote147 views1 answer
How do center using margin
CSS
5 votes150 views3 answers
Css window height
CSS
0 vote156 views1 answer
Bootstrap accessibility
CSS Bootstrap
0 vote162 views1 answer
Css good black color
CSS
13 votes170 views4 answers
Reduce image size css
CSS
0 vote162 views1 answer
Details summary hide arrow
CSS
0 vote167 views1 answer
Chrome close tab after print
CSS
0 vote139 views1 answer
Css add mp4 video
CSS