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 vote173 views2 answers
Css kommentar
CSS
4 votes160 views2 answers
Css blink
CSS
20 votes201 views3 answers
Text overflow ellipsis two lines
CSS
0 vote185 views1 answer
Label for centered image
CSS
5 votes184 views4 answers
Inset css
CSS
1 vote170 views1 answer
Css animation stop
CSS
0 vote186 views1 answer
Text align in materialize css
CSS
0 vote181 views1 answer
For...in...loop
CSS
2 votes228 views1 answer
Warning: LF will be replaced by CRLF in Design/css/bootstrap.min.css.
CSS Bootstrap
2 votes189 views3 answers
Css media screen
CSS