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

social-links-profile-main

Salva 250

@salva-it

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am very happy to finish the third challenge

What challenges did you encounter, and how did you overcome them?

I used CSS Variables in this project and it was an interesting challenge to manage the colors part of the design

Community feedback

persanu13 100

@persanu13

Posted

Observation: The code is generally responsive, with a media query that adjusts the .container width for screens up to 375px. Suggestion: Consider using max-width: 100%; for the .container instead of width: auto; in the media query to ensure it adapts well to very narrow screens. Improvement: The height: 100vh; on body could cause issues on mobile devices where the address bar is considered part of the viewport. Consider using min-height: 100vh; instead, which is more reliable.

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