Skip to content
Submitted about 1 year ago

Responsive landing page using CSS flexbox

João Pedro•10
@Irusou
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Still learning about gradients and hsl. I'm open to critics so i can learn and do better :D

Community feedback

  • Andre Ferreira•450
    @Namonaki0Posted about 1 year ago

    Hi João, well done for completing the challenge.

    At the moment the component is not adapting to mobile view. I would start developing for mobile first and then change the media-query to the next breakpoint, in this case 1440px. For the desktop view I would have both .score-header and score-summary at 50% width to resemble the design a bit more. Also, if you'd like to add to the UX you could have a cursor: pointer for when you hover or focus the 'continue' button.

    I hope this helps a little bit.

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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