Responsive dashboard

Community feedback

• 

  Sinka László•470

  @dlxzeus777Posted about 2 years ago

  Hey Treasure, Nice solution however I have some tips for you!

  Instead of grid-template-columns: repeat(5,1fr) in your social-media-1 class change the number 5 to 4 because its a 4 column grid. The parent div with a social-media class should have display:grid; justify-items: center; so it gets centered.

  In your div with a class of social-media-dashboard-2 you should delete every children's grid-column and add this display: grid; grid-template-columns: repeat(4,1fr); grid-template-rows: repeat(2,1fr);, so if you want to make it responsive all you have to do is change the grid-template-columns or the grid-template-rows.

  0

  ---

  

  Treasure•330

  @oluwatobicodePosted about 2 years ago

  @dlxzeus777 thank you so much bro❤️

  0