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

Mobile-first approach, semantic HTML5, CSS3, BEM, Flex

@idenispankov

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


Not sure if have done a background overlay image correctly.

Community feedback

@mikolajszymczuk1

Posted

Good job ;) but if you want to break the styles into smaller parts I recommend SASS, LESS etc. because you have to remember that each additional .css file is an additional request of the browser

Marked as helpful

0

@idenispankov

Posted

@mikolajszymczuk1 Thanks to taking a time to review my work, i thought that is so small, so 2 break points enough?))) never used sass or less

0
dewslyse 3,025

@dewslyse

Posted

Hello Denis👋! Awesome job with your implementation 🔥🔥. Aside the background image, everything is nearly spot-on 👌. Good job.

Marked as helpful

0

@idenispankov

Posted

@dewslyse Thank you for you time, any suggestion on a background image?))

1
dewslyse 3,025

@dewslyse

Posted

@idenispankov

I think you may have used the mobile svg for the desktop. I replaced your current img with pattern-background-desktop.svg using dev tools and it was well positioned.

1

@idenispankov

Posted

@dewslyse Got it, fixed a bit, Thanks

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