Responsive landing page using flexbox.

Solution retrospective
In the comparison image, the social media links appear slightly larger than the paragraph above. I’m not sure how to fix this without setting a fixed size.
What specific areas of your project would you like help with?I really need help with something — I want to know if I can set fixed sizes on elements, and when I should or can do that.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @HassanArafa-dev
Hi, i hope you're doing well, you did a great job on the challenge.
for your 1st question just increase the font-weight on links.
for the 2nd question, avoiding fixed px sizes in general is good practice use paddings and margins to play with elements sizes and space things.
- here's an example why using fixed sizes or px is bad practice, let's say we want everything in out page to be 24px..if we simply put on body selector font-size: 24px , that will prevent users to change their default font-size on their own browser, so what should we do in this case? we should have on html selector font-size: 100%. and for the body we will convert 24 from px unit to rem unit 24 / 16 = 1.5rem , and i divided on 16 because on most browsers default font-size is 16px...that's just an example don't give it too much attention right now if you're still a beginner, but it's worth it to have it in mind and look more into it later on.
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