Skip to content
Submitted about 2 months ago

Social Links Profile - HTML, CSS

Antonio Riccelli•80
@Antonio-Riccelli
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social links profile
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

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

I've tried using a custom colour palette. I found picking suitable colours harder than I expected, but the current one is acceptable. I would like to implement a light/dark mode.

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

I struggled again with setting proper responsive sizes. Still not happy with current result. Using responsively.app helped with debugging for multiple screen sizes at a time.

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

Any feedback is appreciated: code quality and cleanliness, responsiveness etc.

Community feedback

  • Svitlana Suslenkova•5,320
    @SvitlanaSuslenkovaPosted about 2 months ago

    Hi! Good job! If you want to keep your img as circle, you can try to use aspect ratio. For example { width: some px; height: auto; aspect ratio: 1 / 1;(add spaces! 1 / 1)} or { height: some px; width: auto; aspect ratio: 1 / 1;}

    Hope you found this comment helpful :)

    Marked as helpful
    1
    Antonio Riccelli•80
    @Antonio-RiccelliPosted about 2 months ago

    Good suggestion, I've implemented it. Thank you @SvitlanaSuslenkova

    0

Please log in to post a comment

Log in with GitHub

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