Skip to content
Submitted over 3 years ago

Order Summary Challenge Solution

Ryan•290
@RJC26
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any advice is greatly appreciated, just starting out so I could use all I can get.

Also if anyone has any advice for which chrome Extensions can be used to better assist in developing websites please help me out and drop me a line!! Thanks

Code

Please log in to post a comment

Log in

Community feedback

  • Roberto Yukio Miyamoto Arita•320
    @RyukioMiyamoto

    @RJC26 I use Figma for this purpose, it's not optimal but you can open the design files and measure the spacings with it. I tried using VisBug too, which is a chrome extension, but I had a hard time using it, but it's worth a shot

    Marked as helpful
  • Roberto Yukio Miyamoto Arita•320
    @RyukioMiyamoto

    You just missed a few details like the shadows, and the background image could cover everything by using background-image: contain, but you did a great job overall! As for the extensions, I would recommend using Lighthouse, for checking accessibility, SEO, perfomance and more, for both desktop and mobile.

    Good coding!

    Marked as helpful

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