Social links profile

Community feedback

• 

  P

  Steven Stroud•11,870

  @StroudyPosted about 1 month ago

  Exceptional work! You’re showing great skill here. I’ve got a couple of minor suggestions that could make this stand out even more…

  • I would put these into a <ul> <li>, and the text should be wrapped with a <a> so it is accessible with a keyboard using the tab key, Using an <a> tag for navigation is semantically correct, improves accessibility for screen readers, and ensures consistent behavior across browsers, unlike a <button> or a <div> not intended for links.

  			<div class="accounts-list inter-semibold">
  				<a href="clickpage.html?link=github">GitHub</a>
  				<a href="clickpage.html?link=frontend-mentor">Frontend Mentor</a>
  				<a href="clickpage.html?link=linkedin">LinkedIn</a>
  				<a href="clickpage.html?link=twitter">Twitter</a>
  				<a href="clickpage.html?link=instagram">Instagram</a>
  			</div>
  

  • These <div> should really have semantic tags like headings (<h1> to <h6>) and paragraphs (<p>) convey structure and meaning to content, improving accessibility, SEO, and readability by helping search engines and screen readers interpret the content.

  			<div class="location inter-semibold">London, United Kingdom</div>
  			<div class="description">"Front-end developer and avid reader."</div>
  

  • Using a full modern CSS reset is beneficial because it removes default browser styling, creating a consistent starting point for your design across all browsers. It helps avoid unexpected layout issues and makes your styles more predictable, ensuring a uniform appearance on different devices and platforms, check out this site for a Full modern reset

  • For future project, You could download and host your own fonts using @font-face improves website performance by reducing external requests, provides more control over font usage, ensures consistency across browsers, enhances offline availability, and avoids potential issues if third-party font services become unavailable. Place to get .woff2 fonts

  I hope you’re finding this guidance useful! Keep refining your skills and tackling new challenges with confidence. You’re making great progress—stay motivated and keep coding with enthusiasm! 💻

  0