Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML and CSS

@Shivani1917

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


I was facing issues in that colored wavy patterned background, so please let me know what I have to do to achieve this?? Also There are many issues related to responsiveness of the website..

Community feedback

Hafizan Adli 1,190

@hafizanadli

Posted

Hello there, really appreciate the effort!

I'd like to suggest you visiting this site https://css-tricks.com/snippets/css/a-guide-to-flexbox

It would be very helpful to make component more efficient and responsive.

Keep up the good work!

Marked as helpful

1

@Shivani1917

Posted

@hafizanadli Thankyou for appreciating my work and suggesting the site.....

0
AM46 290

@amallen1

Posted

Just like Nathan said, you can use the background-image property to add the wavy pattern. Also I highly recommend that you take a look at FreeCodeCamp's Introduction to Web Design video, it will really help you to understand responsiveness and you will greatly improve :)

Marked as helpful

1

@Shivani1917

Posted

@amallen1 Thankyou for suggestions, surely going to check this video.....

0
AM46 290

@amallen1

Posted

@amallen1 I meant to say "Introduction to Responsive Web Design"! And no problem!

0
Nathan 50

@yeet-yeet-4-real

Posted

In response to your wavy background issue, it should be a background image, maybe add it in your css body selector

Marked as helpful

1

@Shivani1917

Posted

@yeet-yeet-4-real Thankyou Nathan for helping...

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