Submitted 5 months ago

HTML, Flexbox

Elias sips 🍵• 80

@wassimboualam

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social links profile

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 how well the site turn out to be without figma designs.

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

Among the challenges was getting the site to have the same proportions as the design, it was tough relying on a single picture with no details.

What I did to solve this was write a tkinter app with the design on it ,so that I can overlap it with how the site looked like and get it as close as possible to the design.

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

Nothing really.

Community feedback

Ralph• 190

@RalphPastel972

Posted 4 months ago

It is very well done. And your CSS file is really well organized.

I noticed that the height of your card is way bigger than the one from the design. Maybe it is because you used gap with %, I am not sure.

Also, the way I understood the design, the links should turn green when they are hovered, not clicked. I think it looks better. Have a look at the link below (and feel free to give advice as well):

https://ralphpastel972.github.io/social-links-profile-main/

Good job

Elias sips 🍵• 80

@wassimboualam

Posted 4 months ago

@RalphPastel972 Thanks for your helpful feedback.

To address the height issue, the website looked normal locally and even after hosting in vercel. Only after the design comparison of frontend-mentor did the height change.

Please log in to post a comment

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