Design comparison
Solution retrospective
-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
- @danielmrz-devPosted 5 months ago
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 helpful1@AngeATTPosted 5 months agoThanks you for your reply and advices @danielmrz-dev
0
Please log in to post a comment
Log in with GitHubJoin 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