Skip to content
Submitted over 1 year ago

Results Summary using vanilla HTML and CSS

Harris Escalante•160
@harrisfoes
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi, I still don't know if I did the mobile responsiveness right. What is the usual breakpoint that people use when transitioning the design to a mobile one? The given mobile dimension is 375w but I just eyeballed it and decided 520w was a good breakpoint.Is there a best practice?

Appreciate y'all

Code

Please log in to post a comment

Log in

Community feedback

  • Bryan Li•3,530
    @Zy8712

    Looks pretty good. I think you should add cursor: pointer for when you are hovering your mouse over the "continue" button. One other thing is that you should be using <main>. Having a <div class="main"> is not the same thing, to my knowledge.

    Hope you find this useful 👍

  • P
    vcollins1•430
    @vcollins1

    Your transition window is a bit to small which make the app on desktop looked squished. Make the transition point a little bit bigger then the apps width on desktop (750px - 800px).

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