Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Profile Main

Skalex Stuchβ€’ 210

@mussino

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

It was easy, I will spend more time fixing the screen size maybe.

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

Not too much

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

Any feed back always welcome!

Community feedback

AliAsghar Zareβ€’ 70

@iliAsghar

Posted

great job! πŸ’ͺ you did well in layout and Positioning the elements. some things that I think needs a bit of a tweak:

  1. i noticed you used <section> for designing the buttons . it's usually recommended to use <a></a> for buttons (other than form buttons . those should be <button> , because it can submit a form entry) . it's because the <button> tag or any other tag can't link to another website . according to MDN - <Section>, <section> is a generic sectioning element, and should only be used if there isn't a more specific element to represent it.
  2. as it was intended ( i think it was, maybe i'm mistaken 😢) , it's better to have a :focus state for the buttons . simply an outline around them to help the keyboard users.
  3. even if a project is small and can be done without them , Defining a class for each element will get you used to naming and nesting the elements better . one simple naming convention is the BEM naming . you can check it out HERE.

i hope you have fun continuing your Web Development journey , Keep up the good work! βœ…πŸ€—πŸ™‚

0

AliAsghar Zareβ€’ 70

@iliAsghar

Posted

@iliAsghar i just noticed you have a bunch of solutions in your profile ! im more in a learning journey myself, and since the solution was recommended for me , i thought i'd share some of my exp here . πŸ˜ΆπŸ™Œ

0
Skalex Stuchβ€’ 210

@mussino

Posted

Is OK! thanks for your feedback, as I said is always welcome and you were right I should use all those suggestion you told me. Buttons are welcome! @iliAsghar

1

Please log in to post a comment

Log in with GitHub
Discord logo

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