Submitted 10 days ago

Order Summary Component using HTML and CSS

Nnamdi Azikiwe• 20

@mhotep

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am proud that I completed this solution. There seems like nothing needs to be done on this that I would do differently next time.

What challenges did you encounter, and how did you overcome them?

The only challenge was finding the font. That was simple to overcome by just searching online for it.

What specific areas of your project would you like help with?

Something just popped up that I don't understand. The image is scaled down for some reason. Just noticed it as I started working on submitting the solution.

Looking at the image with devtools and I see there is a 404 and 304 error. Haven't taken a close look at it because until a few minutes ago, it wasn't there.

Any idea what might cause those errors or how to resolve them would be appreciated.

Community feedback

Huy Phan• 1,420

@huyphan2210

Posted 9 days ago

Hi, @mhotep

I reviewed your solution and have a few thoughts:

When I launched the page, I saw two 404 errors but no 304 errors. These 404s are due to the page not being able to find images at the provided URLs.
One of these is your background image. The issue is with the image URL—it should be ./Images/pattern-background-desktop.svg instead of ./images/pattern-background-desktop.svg (note the capital "I" in Images).
You can ignore the favicon error. Many browsers automatically try to load a favicon.ico from the root of the site. This is the small icon displayed in the browser tab. If you'd like, you can add a favicon.ico image to your HTML page, but it’s not required.

There are a few other issues beyond your initial question, but I’ll leave it at this for now unless you'd like to ask more.

Hope this helps!

Please log in to post a comment

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