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 vote99 views1 answer
Flex item: 1;
CSS
0 vote115 views1 answer
Centos 8 cron on reboot
CSS
18 votes107 views4 answers
Css rotate animation
CSS
0 vote119 views1 answer
How to make text transparent with stroke in css
CSS
0 vote112 views1 answer
Html how to ensure that the header always on top
CSS
0 vote159 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
0 vote102 views2 answers
Linear gradient and url css
CSS
0 vote114 views1 answer
For...in...loop
CSS
0 vote105 views2 answers
Css firefox remove scrollbar
CSS
0 vote122 views1 answer
Android studio cardview background transparent
CSS