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
@AlexStraton
Posted
@markuslewin Thank you! That was exactly it!
1
Design comparison
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
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
@AlexStraton
Posted
@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