Skip to content
Submitted over 1 year ago

Order summary card solution (use only HTML & CSS)

Kayyrbek Perdebekov•130
@kayyrbeks
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, anyone! 😀

Finally I again to finished next challenge with card component. My hard challenge in card components it's "how to position background image"😵.

Thanks for attention! I'll glad to see any feedback! Good luck to all🧐.

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Hey Kayyrbek,

    Great work again, looks really nice and responsive as well! While everything seems to be working well, i do have few suggestions related to accessibility. It looks like you've used px for almost everything, but i'd suggestavoid using px instead try to use em or rem to improve accessibility. Because users might want to change the default base font-size to make text look bigger, but with px it wont. But if you use em/rem it will scale up nicely. Here is a great resource on YT for that: https://www.youtube.com/watch?v=dHbYcAncAgQ

    Hope you find this feedback helpful!

    Marked as helpful
    1
    Kayyrbek Perdebekov•130
    @kayyrbeksPosted over 1 year ago

    @visualdenniss Thanks for suggestios and resource on YT! I'll try in the future to use em/rem units.

    0

Please log in to post a comment

Log in with GitHub

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