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-using flexbox&grid

@ashwanipydev

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


"Review my code and suggest improvements to apply them to a real-world project. I am a newbie in this field. Please help me out, and criticism is also welcome. 😊"

Community feedback

Deepak 190

@itsdevdeepak

Posted

Hey Ashwani, how you doing ?

Good job on completing the challenge. It looks like you were having trouble styling background pattern. you can solve the issue by using background image with background color.

background-image: url(...);
background-color: #skyblue; /* yes you can use both at the same time */
background-size: 100% 50%; /* to make pattern always stays in the center, by manually setting width and height  */

You could also pseudo classes to set this separately so its doesn't bother with your other important styles as its just for decoration.

hope you find my feedback helpful and also keep you the good stuff.

Marked as helpful

1

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