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 vote142 views1 answer
Module build failed: TypeError: Invalid PostCSS Plugin found: [0]
CSS
1 vote135 views1 answer
Pagination html css how to working
CSS
1 vote134 views1 answer
How to stop a page from scrolling horizontally
CSS
33 votes137 views4 answers
Css background collor
CSS
0 vote143 views4 answers
Background image stretch to fill
CSS
8 votes171 views3 answers
Css change font awesome icon color
CSS
3 votes140 views3 answers
Change br height
CSS
0 vote143 views1 answer
Make font awesome spin but not the word on hover
CSS
12 votes140 views4 answers
Sticky header
CSS
0 vote245 views1 answer
Flex starty
CSS