Skip to content
Submitted about 1 year ago

Order summary component

Lehlohonolo Jeremia Motaung•70
@J3r3mia
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

Good day Frontend Mentor Communities

Any feedbacks will be appreciated. Struggled to use border-radius to the parent container, anyone that would like to check and spot where did I go wrong his/her feedback will be appreciated.

Thank you.

Community feedback

  • MaximilianoDanielGarcia•1,980
    @MaximilianoDanielGarciaPosted about 1 year ago

    Hi Jeremia, great job!

    I noticed your background image is repeating and looks cut off on larger screens. To fix it add this:

    body {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f5f7ff;
}

    Th propery background-size: contain; scales the image as large as possible within its container without cropping or stretching the image.

    Also, I noticed that button hover styles doesn't have cursor: pointer;.

    After you apply these It will look better.

    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