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 set table data width in css
CSS
0 vote156 views2 answers
Bootstrap 4 scss angular 8
CSS
1 vote173 views1 answer
@media between two sizes
CSS
6 votes155 views2 answers
Border-collapse
CSS
0 vote157 views1 answer
Table essentaial styles css
CSS
-1 vote233 views2 answers
Bootstrap 4 popover content from div
CSS Bootstrap
56 votes172 views3 answers
Donald trump twitter
CSS
0 vote165 views1 answer
Responsive typography
CSS
32 votes161 views6 answers
@font-face in css
CSS
2 votes156 views1 answer
Add padding to scrollbar
CSS