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

102 votes193 views6 answers
How to center an element in css
CSS
0 vote175 views1 answer
Changing bakcgound color like animation using tailwind
CSS
8 votes196 views2 answers
Text that shows an underline on hover
CSS
5 votes224 views2 answers
Move to last commit
CSS
0 vote230 views1 answer
Rel="noopener noreferrer
CSS
0 vote177 views1 answer
Input on Internet explore has close icon
CSS
0 vote202 views1 answer
How to create polaroid effect in css
CSS
71 votes165 views17 answers
Box -shadow
CSS
5 votes142 views2 answers
Animate left to right css
CSS
40 votes183 views8 answers
Font size css
CSS