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 solution using flexbox.

@Devs-advocate

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 happy with it and there isn't a need to change the way I approached it as far as I can tell. Perhaps I'll try the layout using grid if I were to do something similar.

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

I had to research how to change the quotation marks. I was able to solve this via stackoverflow.

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

I was quite comfortable with challenge.

Community feedback

@cahitalpdemir

Posted

Looks good. How did you set the pixels ?

0

@Devs-advocate

Posted

Hi @cmdemir. I used Microsoft powertoys Screen Ruler to measure the pixel width and height of the card and the elements. It also has a color picker and image resizer. It's free and I already use windows. Its quite good at knowing where the edges are to measure to, when measuring the desktop and mobile previews. Here's a link to show what stuff powertoys has. https://www.youtube.com/watch?v=aynPEUO3fl0

0

@cahitalpdemir

Posted

Hi @Devs-advocate, thanks for sharing these good advices

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