Social-Proof with flexbox

Community feedback

• 

  Nicholas Sotter•180

  @devsotterPosted over 1 year ago

  "Hi, Having a quick look, I could see some mistakes. In your 'container' class, instead of using 'padding: 50px 100px;' to fit the elements you can set a 'max-width' to a fixed value, for example 'max-width: 1440px;' and then use 'margin: 0 auto;' to create an equal margin on both sides and center the content. Also, you can also try using 'flex-wrap: wrap;' in the '.persona' class so that when the screen is reduced and the content does not fit, it will break into columns, one below the other. Along with this you can use 'justify-content: center;' to center elements when they break.

  1

  ---

  

  Tarık•330

  @developertarikPosted over 1 year ago

  Thank you. nice and effective answer @devsotter

  0