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 Links Profile

@helmisulaemi

Desktop design screenshot for the Social links profile coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

MrLanter 140

@MrLanter

Posted

Hi, I hope you’re doing well. Congrats on your project and all the hard work!

Here are a few suggestions for improvement:

  • Semantic tags: Using more semantic HTML tags like <main>, <article>, and <footer> instead of <div> can improve both code readability and SEO.

  • Class names: Consider using more specific class names like card instead of container. It makes the code more maintainable and avoids conflicts in larger projects.

  • Font import: I noticed you import fonts from Google Fonts, but it might be more efficient to use the fonts in the project’s assets folder. This can improve performance and give you full control. Here's an example to help:

@font-face {
  font-family: 'font-name';
  src: url('path-to-your-font') format('truetype');
  font-weight: 400;
  font-style: normal;
}

I hope this helped you, good luck and have a nice day!

Marked as helpful

0

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