Resposive layout using flexbox

Community feedback

• 

  Sergio Linero•60

  @SLineroDevPosted about 3 years ago

  I have a few recommendations: body { height: 100vh; /* width: 100%; */ <-removing this margin: 0; <-adding this font-family: 'Red Hat Display', sans-serif; background-color: hsl(225, 100%, 94%); }

  .order_summary_card_flex-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; <-adding this }

  And you have your card centered and no scrollbar. I think its very important that margin: 0 for the body. All browsers add it by default and it´s a pain in the ass, specially for scrollbars.

  Marked as helpful

  1

  ---

  

  Sergio Linero•60

  @SLineroDevPosted about 3 years ago

  @SLineroDev Also, try to avoid border radius with %. it looks weird. just use px or rem instead.

  Marked as helpful

  0
• 

  Kareemah Ajina•120

  @Kareemah-codesPosted about 3 years ago

  I was wondering why my border-radius looked so weird. I will take note and correct everything. Thanks a lot!

  0