Skip to content
Submitted over 2 years ago

Order Summary with Hover States

Eileen 👩‍💻•40
@bagelsbagel
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I started with what I know about HTML and CSS, such as layouts, styles, and flexbox. For the components that I did not know how to style (such as background and buttons), I did some research online to find best methods. I'd like to get more practice with interactive elements, hover states, and responsive screens. And so...

Do the hover states work fine? How can I improve this design and make it responsive for mobile screens?

Any general feedback and tips would be very appreciated 😊

Code

Please log in to post a comment

Log in

Community feedback

  • Leandro Simões•300
    @Leandr0SmS

    Hey,

    For me it's a great work with HTML and CSS! Hover effects are working fine. About responsive design checkout this article:

    https://www.freecodecamp.org/news/responsive-web-design-modern-website-code-for-beginners/

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