Skip to content
Submitted 7 months ago

Results summary page

AlexStraton•70
@AlexStraton
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

What are you most proud of, and what would you do differently next time?

I think there's a big problem with GitHub hosting the site, it look completely different to when I use the live hosting on VS code. Has anyone else had the same problem?

I can't get the font sizes right if they become disproportionate after I host the page.

What specific areas of your project would you like help with?

I think there's a big problem with GitHub hosting the site, it look completely different to when I use the live hosting on VS code. Has anyone else had the same problem?

I can't get the font sizes right if they become disproportionate after I host the page.

Community feedback

  • markus•2,160
    @markuslewinPosted 7 months ago

    Hmm, it looks the same for me. Maybe you've zoomed in/out (with Ctrl +/-/mouse wheel) on http://localhost and forgot about it? That's a classic.

    0
    AlexStraton•70
    @AlexStratonPosted 7 months ago

    @markuslewin Thank you! That was exactly it!

    1
  • Lo-Deck•2,650
    @Lo-DeckPosted 7 months ago

    Hi well done for this challenge.

    First thing check your HTML with 3wc validator it will show the mistakes.3wc.

    Use em or rem to set the size of your margin, padding or font instead of using px. freecodecamp.

    And try doing your website a mobile-approach first. freecodecamp

    Try to center your item within the body with flex or grid

    body{
  display: flex;
  justify-content: center;
  align-items: center;
}

.main {
  display: flex;
  flex-direction: row;
  align-items: normal;
  border-radius: 20px;
  border: 1px solid black;
}

    I've just changed this line and it has a better behavior. And for the font-size try setting in em or rem maybe it will be better.

    Hope to be helpful.

    0
    AlexStraton•70
    @AlexStratonPosted 7 months ago

    @Lo-Deck Amazing! very useful thank you!

    0

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