Order summary component (w/ Grid+Flexbox and smooth box-shadow)

Community feedback

• 

  Agata Liberska•3,995

  @AgataLiberskaPosted almost 3 years ago

  Hi @hyde-brendan, really nice work with the card and the shadow looks great. Have you seen Josh Comeau's article on shadows and his shadow generator? I mean this one: Designing beautiful shadows in CSS It is very in-depth but it's a delight to read :)

  One thing I noticed in your solution that could be corrected - on very small mobile size (around 320px), the card stops fitting on the screen nicely and you can see the background pattern ends before the edge of the screen - I think it's the div with price info not wrapping that causes this. I mean this would be an edge case but it would be nice to have this covered - maybe you could display the icon only at like 350px?

  Hope this helps :)

  1