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 card with css flexbox

Livvy-405 30

@Livvy-405

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


Hello, Not sure about my background image Please help

Community feedback

@Ezekiel225

Posted

Hi @Livvy-405 Try adding this to the body element

background-repeat: no-repeat; background-color: hsl(225, 100%, 94%);

I hope this helps. Happy Coding

Marked as helpful

1
Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @Livvy-405!

Your project looks great!

Here's how you fix the background:

  • Just add this to the body:
background-repeat: no-repeat;
background-size: contain;
background-color: #E1E9FF;

I hope it helps!

Other than that, great job!

Marked as helpful

0

@DagimTizazu

Posted

Hey @Livvy-405

Try adding:

background-repeat: repeat-x;

background-color: hsl(225, 100%, 94%);

to the body element.

Marked as helpful

0
Raza Abbas 790

@RazaAbbas62

Posted

you should use background-repeat:no-repeat for the background image and have hsl(225, 100%, 94%) (or u can adjust it) background for the whole body.

I hope this helps. Happy Coding

Marked as helpful

0

@Ezekiel225

Posted

Hello @Livvy-405

Your project looks really good!

I just have one suggestion:

Add a min-height of 100vh to centralize your project.

body {
  min-height: 100vh;
}

I hope it helps!

Other than that, great job! Happy coding.

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