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

0 vote147 views1 answer
Css witdh
CSS
0 vote189 views2 answers
Css grid cheat sheet
CSS
0 vote147 views1 answer
Css on field blank red border
CSS
9 votes183 views3 answers
Console.log style css
CSS
9 votes158 views2 answers
Align items in row css
CSS
1 vote174 views2 answers
Css module multiple classes
CSS
2 votes158 views3 answers
Make an image smaller css
CSS
0 vote166 views5 answers
Add css to javafx fxml
CSS
1 vote156 views1 answer
Flexbox align or justify one single item
CSS
0 vote184 views2 answers
Styling links within a class except the last one
CSS