Skip to content
Submitted almost 3 years ago

Order summary Challenge HTML & CSS

Daniel Gonzalez•10
@danproducer
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

How can i put in the center the image when its in mobile size? and i dont know what happened but the background image dissapeared when I upgrade the HTML and CSS. Could you help to know what could happened? Thank you!

Community feedback

  • Abdur Rahaman•350
    @arbaivPosted almost 3 years ago

    Hi, nice project.

    1. To fix the image problem just add width: 100% to the img.
    2. You can also fix your background-image. You have to add background-image: url(../images/pattern-background-desktop.svg); To get to the parent directory you have to add double dot ../

    Also, you can learn about web accessibilities from here: https://developer.mozilla.org/en-US/docs/Learn/Accessibility

    I also had accessibility issues in my previous projects. So, recently, I learned about web accessibility from there. I hope that it will help you in your future projects.

    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