Skip to content
Submitted 7 days ago

Social Links Profile

YassineBen•80
@ROJOmax
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'm most proud of learning transition properties in CSS, mastering the target attribute in HTML, and effectively using lists in HTML. These skills have greatly enhanced my web development capabilities.

Next time, I would focus more on doing it faster.

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

One of the significant challenges I faced was customizing the links list in my web projects. Initially, getting the right styling and functionality for each link in the list was quite tricky.

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

none.

Community feedback

  • Abigail Figaro•80
    @abigailjuliePosted 7 days ago

    Should be centered on the page. looks great!

    2
  • Djamel1133•880
    @Djamel1133Posted 7 days ago

    Hi, well done on the very structured HTML! However, if you're open to some advice from a newbie:

    1. Your HTML heading tags (h1, h2, h3...) must be in sequential order and should not jump from h1 to h4. You can check the report generated by Frontend Mentor or other validators.

    2. You can put link-profile-container directly in your main element and style your class like this:

    <main class="link-profile-container">

    Use class instead of id (you only need id with JavaScript). Since you have one section in your main, you can put it directly in your main and style your class:

    .link-profile-container {
    /* your styles here */
}
    1. Last thing: use relative units (em, rem) instead of absolute ones (px). This will enhance the responsiveness of your design.

    Again, well done and keep learning... salam or ciao!

    1

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