Flexbox

Community feedback

• 

  Suvankar Pradhan•670

  @suvankarpradhanPosted over 3 years ago

  Try this..... .main-box { position: relative; height: 100vh; padding: 10% } .main-box-inner { display: flex; flex-direction: row; } .left-box { background-color: hsl(244, 38%, 16%); display: flex; flex: 50%; flex-direction: column; justify-content: space-between; padding: 50px 60px; border-radius: 10px 0 0 10px; } .right-box { display: flex; background-color: hsl(277, 64%, 61%); flex: 50%; border-radius: 0 10px 10px 0; }

  0

  ---

  

  Karan Mishra•10

  @karanmishra0904Posted over 3 years ago

  @suvankarpradhan Thanks for the feedback. Will add this to my code and revert :)

  0
• 

  Michael Kret•470

  @atekronPosted over 3 years ago

  I would use a separate css file for my styles, and I'd rather start my design from mobile version, just because it easier to scale up

  0

  ---

  

  Karan Mishra•10

  @karanmishra0904Posted over 3 years ago

  @atekron Thanks for the feedback. Will keep this in mind, going forward :)

  0