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

For this challenge i was able to use flexbox. No media queries.

@codewinchester

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?

Mastering responsive layouts has been a pain. But, this project is a true testimony that with consistency, something's gotta give. I wish i took kevin powells "Conquering responsive layouts" course earlier. His insights on how to think responsively is what got me here. Seriously, if you want a break, check it out. I am really glad that this design is responsive across all devices and i wasn't forced to use media queries.

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

The major challenge was trying to make it responsive using media queries not knowing there was another approach. I was tuck on this loop for a very long time. Trying different device-width ranges and ending up messing.

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

Probably for my fellow community members to review my code and advice on where i should improve.

Community feedback

Rodri 100

@rcsilva211

Posted

Well done on using only flexbox to make it adjustable to any screen! I think the only thing missing here is the hover state on the social media links (tip: they should be <a href=""> tags). Other than that, fantastic job mate!

0

@codewinchester

Posted

@rcsilva211 Thank you for the feedback. Appreciate it bruv.

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