Skip to content
Submitted about 2 months ago

Social Profile Link

samuelbm12•60
@samuelbm12
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 am Proud of the fact i did the project without any help and next time i would add a bit of JavaScript to it

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

I really did not have any encounter

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

Just how to use Grid, I know it is not related but i would like to know on my grid

Community feedback

  • JP Felicia•60
    @HiraeightPosted about 2 months ago

    Good Job! It is nice to see a fellow coder is making progress. I would like to suggest some small ways to make your solutions to level up.

    • Media Queries: Introduce media queries to adjust styles based on the screen width, ensuring the layout is optimized for small, medium, and large devices.
    • Text and Font Size Scaling: It is better to use responsive text sizing with rem or viewport-based units like vw or vh so that fonts adjust with screen size. A friend named Fraser Jubb suggested to me this video and it helped me a lot. He did an amazing job applying these practices.
    • Using a <main> tag inside the <body> of your HTML is a best practice because it clearly identifies the main content of your page. This helps with accessibility and improves how search engines understand your content. - Steven Stroud

    Amazin job! Keep learning and keep improving!

    Marked as helpful
    0
  • Sylwia•240
    @LesSylPosted about 2 months ago

    If you want to know more about grid, you can read here: https://www.frontendmentor.io/learning-paths/building-responsive-layouts--z1qCXVqkD/steps/66cd992d3c19191dc3c1c3c9/article/read

    Marked as helpful
    0
  • Sylwia•240
    @LesSylPosted about 2 months ago

    Hi, well done. However, I have a couple of suggestions for your solution. See how your solution displays on small devices, it is offset to the left. Maybe a good solution would be to add a margin to the whole ‘container’ section. Work on this. The whole design looks pretty good. Good luck!

    Marked as helpful
    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