
Design comparison
Community feedback
- @MarziaJaliliPosted 2 months ago
Great work!!!
Some changes you can apply to the html:
For making your code more semantic, avoid using the
<div>
everywhere. Because it doesn't really give enough information for the screen readers.-
instead of
<div class="container>"
use the<main>
element. The<main>
element clarifies that it's the main content of the page. -
instead of
<div class="text-wraper">
use the<section>
element. The<section>
element clarifies that everything nested inside this element is related to other parts of the page. -
instead of
<div class="status">
use the<ul>
element. The<ul>
element is used for unordered lists.
For more clarity go through the website below, it will walk you through every html element.
Hope this improves your next projects😎
1 -
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