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 vote203 views2 answers
List no bullets html
CSS
0 vote268 views1 answer
Css geight
CSS
9 votes253 views3 answers
Css get rid of button outline on click
CSS
15 votes260 views3 answers
Image rotate with css
CSS
1 vote249 views1 answer
Perfect circle css
CSS
8 votes241 views5 answers
Css multicolor background
CSS
0 vote272 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
45 votes277 views6 answers
Css text align center
CSS
0 vote276 views1 answer
What is the opacity of disabled text
CSS
3 votes270 views2 answers
Confirm on delete
CSS