Responsive summary order card with flexbox

Community feedback

• 

  MHCDA•160

  @mhcdaethPosted almost 3 years ago

  Hi I saw your work it's good but with few bugs to fix too from desktop and mobile view man, from those are the width of the card it's too wide from the design given and the alignment inside the annual plan price and the change more of called the padding between both option and plus the bottom the hover Must be active when the mouse is hovered in the txt not out of text, i belive it's because the display property is with the default block so you I suggest you should change that to inline or inline block and align it center. 🙏🙏🙏

  Marked as helpful

  0
• 

  Elir-Mahad•100

  @Elir-MahadPosted almost 3 years ago

  Very good work anthony !!!!

  Things to fix:

  • In your solution, the width of the card is larger than than the width from the design.

  • In your solution, the hover effect must be active when the mouse is hovered in the txt not out of text. In other words, when your mouse is on the word 'change', then it should become dark blue. If the mouse is not on the word change, then it should be very light.

  0
• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  Change the Order Summary to an H1 and that will clear the accessibility issue. Spacing and alignment look good. Nice job.

  0
• 

  Aakash Verma•6,710

  @skyv26Posted almost 3 years ago

  Good ;)

  0