Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order Summary Component Project

Martha Easonโ€ข 30

@marthaeason

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


My issues:

.card-info section spacing

correct placement of background image

mobile screen responsiveness ... I'm a beginner :)

Thank you for any feedback!

Community feedback

Kamasah-Dicksonโ€ข 5,590

@Kamasah-Dickson

Posted

Your solution looks but you forgot to add the background color to the body. Good job.๐Ÿ‘ Keep coding๐Ÿ“Œ

1
Martha Easonโ€ข 30

@marthaeason

Posted

The background path is a mystery! When I use live server with VS code, the background image works perfectly. However, when I move to GitPages the path no longer works. Here's the CSS snipit I have in Git Pages:

background-image: url("images/pattern-background-desktop.svg");

Any suggestions? Pathways breaking when moving from VS Code to GitPages is common for me, not sure what I am doing wrong- Thanks for any feedback!!

0

Kamasah-Dicksonโ€ข 5,590

@Kamasah-Dickson

Posted

@marthaeason try ./images and see I have bumped into that kind of prob before its just that vscode understand that path

U can toggling the intellisense by pressing Ctrl + spacebar on the path ./images/yourimage or ../images.....the number of dots depends on were your image folder is located. Hope u figure it out.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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