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 vote269 views3 answers
Detect system dark mode
CSS
9 votes257 views4 answers
Css animation infinite loop
CSS
0 vote255 views1 answer
Wordpress dashboard css broken
CSS
0 vote258 views1 answer
Locale_translation_projects_alter
CSS
0 vote284 views1 answer
Curve bottom of square css
CSS
15 votes275 views3 answers
Css change text
CSS
0 vote242 views1 answer
Remove underline in a a
CSS
52 votes257 views4 answers
Rgba green color
CSS
1 vote303 views1 answer
@media only screen and (min-width : 1279px) and (max-width : 1400px)
CSS
0 vote254 views1 answer
Purge tailwind 3
CSS