Responsive Card Design Using Flex Box

Community feedback

• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  well if you look at your mobile layout at 375px wide browser your layout is shooting out of the top of the browser windows. You need to address your margin issue in the desktop layout

  Marked as helpful

  0

  ---

  

  UbedS•320

  @ubed90Posted over 3 years ago

  @palgramming Yeah i noticed that too. Thanks for reporting

  0
• Account deleted

  This comment was deleted about 1 year ago

  0

  ---

  

  UbedS•320

  @ubed90Posted over 3 years ago

  @mariafmedinae Yeah Great!! Thanks for the help...

  0
• 

  P

  j5•2,290

  @jmnyaregaPosted over 3 years ago

  This is great work @UbedS, I have one suggestion:

  • When I hover on the buttons, the whole card shifts, to prevent this behaviour, you can set box-sizing: border-box, more on box-sizing. Another approach to ensure the border before and after hover is the same.

  0

  ---

  

  UbedS•320

  @ubed90Posted over 3 years ago

  @jmnyarega I already implemented box-sizing: border-box but don't know why this is happening.

  0