Skip to content
Submitted almost 2 years ago

Order

Moses Pompilus•40
@Mosesgood
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

Community feedback

  • Hassia Issah•50,670
    @HassiaiPosted almost 2 years ago

    Add the language attribute to the html tag <html lang="en"> and add the alt attribute alt=" " to the img tag containing the music icon to fix the error issue.

    Increase the max-width value of .main-section for it to be equivalent to the width of the design. max-width:25rem which is 400px.

    Use the colors that were given in the styleguide.md found in the zip folder you downloaded Give the img a top border-radius values. sample: border-radius: 10px 10px 0 0

    In the media query change the background- image of the body.

    Always use rem unit for the font-size values and use rem and em unit for the width and max-width values.

    Hope am helpful.

    Well done for completing this challenge. HAPPY CODING

    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