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

58 votes209 views3 answers
@media
CSS
0 vote185 views1 answer
Fullpage.js change the color of the anchor
CSS
19 votes273 views2 answers
How to customize placeholder css
CSS
4 votes199 views2 answers
Gradient over image css
CSS
3 votes279 views1 answer
Increase text from input
CSS
27 votes203 views1 answer
How to use gradient as text color
CSS
0 vote212 views1 answer
Button remove surroundings
CSS
1 vote216 views1 answer
Macbook change screenshot to jpg
CSS
2 votes177 views1 answer
Media queries css responsive max width
CSS
-6 votes224 views7 answers
Css flex
CSS