Order-Summary-Component: using HTML and Vanilla CSS (BEM method too)

Community feedback

• 

  P

  Alysson Gomes•470

  @EONRaiderPosted 10 months ago

  Hello there.

  Try this shadow on the card: box-shadow: 0 40px 40px -20px rgba(13, 48, 189, 0.15);

  And this one for the “Proceed to Payment” button: 0 20px 20px 0 rgba(56, 42, 225, 0.19);

  The “You can now listen…” text has this color: #717fa6

  Finally, the card’s dimensions should be 450x697px.

  Marked as helpful

  1

  ---

  

  shalomkerry•260

  @shalomkerryPosted 10 months ago

  hey thanks @EONRaider do you know any tool that tells of the right dimension?

  0

  

  P

  Alysson Gomes•470

  @EONRaiderPosted 10 months ago

  @shalomkerry Well I'm aware of browser extensions that provide rulers and color codes but what I use is the Figma model that comes with the challenge files when you have a pro subscription. It's worth the price if you're gonna be here for a while.

  Marked as helpful

  0