Skip to content
Submitted 9 months ago

Social Links Profile Using Flexbox and Semantic HTML

Dee•40
@dgrow9
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

Ok, back to using flexbox. I didn't really have any major issues with this project.

I guess my main questions are:

  1. Am I using semantic HTML right? You'd think that'd be one of the first things I'd learn, but I don't think I'm at that point yet. Also, what's the difference between section vs article vs div?
  2. How do I know what my projects look like on different screens, operating systems, browsers, etc. Is there anything more than Inspect Element/Responsive Design Mode?

Any other advice is appreciated!

Community feedback

  • Numerous Oriabure•110
    @KalminXPosted 9 months ago

    Semantic HTML simply entails using the right tags like header, main, nav, article, section and footer and avoiding divitis:(I'm still guilty of it tho😅😅)

    You can check your sites responsiveness using your inspect tool in the browser you're using. I don't think there's more than that though.

    Just my little suggestions.

    Marked as helpful
    1
    Dee•40
    @dgrow9Posted 9 months ago

    @KalminX Thanks!! :)

    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