Skip to content
Submitted over 1 year ago

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

shalomkerry•260
@shalomkerry
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

was a good challenge. First time ever trying to implement the BEM method. My code felt a it cleaner and formal this time. I still need to practise it more tho.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Alysson Gomes•470
    @EONRaider

    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

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord