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
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 challenges did you encounter, and how did you overcome them?

-Lmao i thought i forgot how to make a circle using border-radius : 50%, but it was because i didnt mention the width only the eight so it didnt work

-Align the buttons was more complicated than expected

(Pardon my english i'm french native speaker)

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello there!

Your solution looks awesome!

I have just one suggestion:

📌 It's a good practice to keep your styles separate from the HTML file. Although it's possible to include styles directly within the HTML using inline styles or style tags, it's recommended to keep the styles in a separate CSS file for several reasons:

Maintainability: Separating HTML and CSS makes it easier to maintain and update the code. Changes to the design can be made in the CSS file without altering the HTML structure.

Reusability: An external CSS file can be linked to multiple HTML files, allowing you to apply consistent styling across different pages of a website. This avoids redundancy and makes your code more efficient.

Readability: Keeping styles in a separate file makes both the HTML and CSS more readable. HTML files will focus on the structure and content, while CSS files will handle the presentation.

Performance: Browsers cache CSS files, which can improve the loading time of your web pages on subsequent visits. Inline styles and style tags within HTML files do not benefit from this caching.

I hope it helps!

Marked as helpful

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