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

frontendmentor webdev practice social links

Stax 30

@StaxByte

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

P

@ferfalcon

Posted

Hello Stax, I've had a chance to review your social links profile page and I'm truly impressed by your custom font integration and the overall clean design layout.

To further enhance your page, I suggest moving away from <font> tags in favor of more semantic elements like <h1> for names and <p> for descriptions, improving both accessibility and SEO. The current use of <font> tags is somewhat outdated and generally not recommended.

Introducing CSS variables for frequently used colors could greatly simplify your styling process, making it easier to maintain and update your design.

If not already present, ensuring all images have alt attributes will significantly boost accessibility, helping screen readers interpret the content more effectively.

For improved responsiveness, I recommend using relative units for element widths and setting a max-width to ensure your layout remains consistent across various devices. Regular testing on different screen sizes can offer the best insights for a universally smooth user experience.

Marked as helpful

1

Stax 30

@StaxByte

Posted

@ferfalcon Hello there Fernando - thanks for taking the time to check out my submission, I greatly appreciate it! Also thanks for the feedback, criticism and kind words!; I will make sure to not use the <font> tag again in the future. this is actually my first month in web development so this is really going to be useful.

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