Design comparison
Community feedback
- @JomagenePosted 4 months ago
Hi @Sunvic567,
I noticed a few areas where you could enhance your code:
Code Improvement
-
Use Semantic HTML: Try using semantic tags like
<main>
,<section>
, etc., instead of relying solely on<div>
tags. This improves the accessibility and readability of your code. -
Remove Comments: It’s best to remove comments from the HTML file before deployment, as they will be visible to visitors and can cause confusion.
-
Font Family: The specified font-family should be
Outfit
. Currently, it looks like you’re usingGeorgia, 'Times New Roman', Times, serif
. Please update it to useOutfit
.
Styling Improvements
- Centering: Ensure the container is centered vertically for a better visual layout.
- Background Color: Adjust the background color of the body to match the design specifications. (use
hsl(212, 45%, 89%)
instead ofrgb(219, 219, 243)
)
Great job so far, and keep up the good work!
Marked as helpful0 -
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