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 Using Vanilla CSS

Andre 40

@dreemanuel

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'm proud of doing this task just by sight alone, instead of using Figma to get the exact measurements.

It went pretty smoothly, and much faster than the previous two tasks.

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

I had to stop to watch a couple youtube videos, where I figured out that by applying flex-direction: column, the justify-content and align-items functions get swapped.

That was a hurdle that I had been struggling with in the early phases of this task.

I also learned about using var() variables, which helped me clean up my code.

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

I need some tips for magically working faster lol.

Community feedback

Manuel 110

@Manuel7070

Posted

Hello @dreemanuel, I highly recommend you utilize the Accessibility and HTML Reports. Both will help you identify and fix any errors in your code.

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