social-proof-section using flexbox

Community feedback

• 

  Raymart Pamplona•16,040

  @pikapikamart

  Posted about 4 years ago

  hey, your work there is great just some touches so that will be closer to the original. Pointing to your question

  1. There is no right approach to layout between grid and flexbox. If you want something that scale easily, go with flexbox, but if there are more complex multiple layout you could do grid.
  2. May I suggest, for your cards, instead of doing flex: 1 0 200px, maybe try using flex: 0 1 100%, that way you three cards will be at same sizes according to the space of the parent container, but if you uses make sure your parent flex-wrap: wrap is not already toggled on since it will make each child on its own row. Then just use flex-wrap: wrap in your desired media query resolution.
  3. Just a suggestion, don't make the body height: 100% since it will only to the viewport's height, and will cut off the size of everything below it. You could just omit this and will be much more great

  If you need more question, clarification, feel free to ask^

  06