Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page flexbox

alperen 40

@AlperenGrmz

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@Cinquantesix

Posted

Great job!

If I can just share somethings with you because I make also this king of things and sometimes it begin to be difficult to see what's wrong:

When you use child margin instead of parent gap, margin will overlap. Like your <a>. They have 10px margin top and bottom but they are only 10px from each other. I recommend to use a display: flex and gap: 10px instead. This is also very good to be sure to not add more space before and after your content like appens in your yolution.

all the best for the future!

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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