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

2 votes236 views1 answer
Blue outline after click when in mobile view
CSS
0 vote232 views4 answers
Uikit theme
CSS
3 votes235 views2 answers
Centralizar div no meio da tela
CSS
4 votes258 views1 answer
How to get an angled section end css
CSS
8 votes243 views2 answers
Text underline hover css
CSS
5 votes231 views4 answers
Css limit text length
CSS
3 votes267 views4 answers
How to remove css from element using jquery
CSS
0 vote254 views1 answer
Background origin CSS
CSS
6 votes253 views2 answers
Css make text transparent
CSS
1 vote222 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS