Skip to content
Submitted over 2 years ago

Order Summary Component [ HTML5 + CSS3 ]

accessibility
Abdul Khaliq 🚀•72,380
@0xabdulkhaliq
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Mobile First 📱 > 🖥

  • Nothing to complicated, layout was built with CSS Grid and Flex.

All feedback is greatly appreciated!

TWEAKS 🚀

  • Smooth zoom-in transition while hovering the card
Code

Please log in to post a comment

Log in

Community feedback

  • Abdulrhman Mohamed Soliman•390
    @AbdulrhmanSoliman

    Hello @0xAbdulKhalid, congrats on completing this challenge and for your awesome solution.

    I suggest you setting the effect of the hover (scale) to the <picture> HTML tag element, because the scale property should relate only with the image when hovering on it.

    I hope you find it helpful.🎉

    Happy Coding

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