Design comparison
Solution retrospective
I didn't find anything hard, it was a walk in a park. I think the critic I can get will be for the sizes and border radius. I was actually using my developer eye, since they were not provided
Community feedback
- @danielmrz-devPosted 9 months ago
Hello @Promisemagoga!
Your solution looks great!
I have a suggestion for improvement:
- Use
<main>
to wrap the main content instead of<div>
.
π Think of
<div>
and<span>
in HTML like plain boxes or placeholders. They're handy for holding content, but they don't tell us anything about what's inside or what it's meant for on the webpage.This tag change does not impact your project visually and makes your HTML code more semantic, improving SEO optimization as well as the accessibility of your project.
I hope it helps!
Other than that, great job!
0@PromisemagogaPosted 9 months agoHey @danielmrz-dev , thanks for your feed back. I didn't know that structuring your code like, header, main, etc, contribute to the SEO. I thought it doesn't make any difference, since they are all containers. How exactly does it contribute to the SEO?
1@danielmrz-devPosted 9 months ago@Promisemagoga
Semantic HTML tags are important for SEO because they indicate the role of the content within the tags.
That information gives search engine crawlers, like Googlebot, a better understanding of your content. This increases the chances that your content will be selected as a candidate for ranking on the search engine results page (SERP) for relevant keywords.
To put it simply, pages with correctly implemented semantic HTML have an advantage in SEO over those that donβt.
0 - Use
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