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

10 votes118 views4 answers
Wp_enqueue_style
CSS
10 votes112 views1 answer
Css when click select another class
CSS
17 votes121 views2 answers
Typing test
CSS
0 vote118 views1 answer
How to get on the top of the page
CSS
2 votes115 views1 answer
New line in url
CSS
1 vote121 views1 answer
Change mat icon size
CSS
0 vote121 views1 answer
Materialize css form file input
CSS
22 votes140 views5 answers
Center grid
CSS
0 vote118 views1 answer
When change size image not change contrast css
CSS
0 vote115 views1 answer
Vertical divider between my flexbox
CSS