Skip to content
Submitted over 3 years ago

Just HTML and CSS basic

bem, solid-js
Jesus Hurtado•190
@Chuyto70
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Here is my first exercise of FrontendMentor!

Code

Please log in to post a comment

Log in

Community feedback

  • darryncodes•6,350
    @darryncodes

    Hi Jesus,

    Welcome to FEM, good to have you here!

    Nice touch with the background gradient.

    Only small bit of feedback is to add cursor: pointer; to your 'proceed to payment' button and consider adding hover effects to the links and button.

    Keep up the momentum!

    Marked as helpful
  • Web Wizard•5,690
    @rsrclab

    Hi, @Chuyto70 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • On smaller devices, making card full screen doesn't look good. I think maintaining it as card would be better.
    • I suggest you to try transition on hoverable elements like image, heading and creator name.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful
  • Jesus Hurtado•190
    @Chuyto70

    Thanks for the feedback guys!!

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