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

1 vote310 views2 answers
Buttonfarbe transparent machen css
CSS
107 votes333 views4 answers
How to add background shadow css
CSS
0 vote336 views2 answers
Clearfix
CSS
0 vote324 views1 answer
Calc in css fonts
CSS
7 votes327 views6 answers
Css animation loop
CSS
-1 vote311 views1 answer
Hwo to use flexbox to make a nav bar
CSS
0 vote338 views1 answer
Calendar api
CSS
22 votes306 views4 answers
Import font css from url
CSS
0 vote329 views1 answer
How to align divs in a row
CSS
8 votes344 views3 answers
Background image fill div
CSS