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

35 votes245 views6 answers
Ellipsis
CSS
13 votes240 views3 answers
How to make fixed background image in css
CSS
8 votes231 views2 answers
Center image with position absolute
CSS
-1 vote269 views2 answers
Css clip path text
CSS
67 votes232 views3 answers
St. Patrick's Day
CSS
4 votes248 views1 answer
Resize in css
CSS
0 vote233 views1 answer
Css select alternate elements
CSS
2 votes228 views1 answer
Css make something always on top
CSS
2 votes254 views1 answer
Css image overflow
CSS
2 votes237 views1 answer
Width 100% with padding
CSS