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

68 votes288 views6 answers
Flex
CSS
1 vote246 views1 answer
How to verticaly align items in a HTML container
CSS
37 votes214 views6 answers
Add gradient to text css
CSS
0 vote230 views1 answer
Easiest way to invert css to dark mode
CSS
102 votes219 views6 answers
How to center an element in css
CSS
0 vote219 views1 answer
Enqueing another css file in shild
CSS
0 vote242 views2 answers
Add a comment in css
CSS
0 vote234 views1 answer
Css in head or body
CSS
1 vote227 views1 answer
Bolock rotating the screen on your website with css
CSS
37 votes193 views4 answers
Select even child css
CSS