Skip to content
Submitted almost 3 years ago

Order Summary Component using CSS and HTML

Caroline•10
@codecaroline
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

I may not have gotten the mobile view completely right (the card takes up the entire page and I think it has screen scaling issues when you first open the link), so if you have any helpful feedback that can help me improve, I would greatly appreciate it. Thank you! :)

Community feedback

  • Aldhair Escobar•165
    @aldhairescobarPosted almost 3 years ago

    Instead of setting a width in px for the card, I would set it on percentage (e.g 85%) and a max-width in px (450px). That can help you with responsiveness.

    Marked as helpful
    0
    Caroline•10
    @codecarolinePosted almost 3 years ago

    Thank you for your feedback! I’ll try that out @aldhairescobar 😊

    0
  • MikevPeeren•2,100
    @MikevPeerenPosted almost 3 years ago

    Hey there 👋,

    Good job on completing this one 💪

    Some pointer I got:

    • Try to add hover effects on your button and your links that require actions.
    • To make your component responsive you can change the width values for different viewports or just use margin/padding for the different texts for the different elements.
    Marked as helpful
    0
    Caroline•10
    @codecarolinePosted almost 3 years ago

    Thank you so much @MikevPeeren!

    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