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

Submitted

Result Component using Semantic HTML & Vanilla CSS

SREEHARI P Vβ€’ 280

@sreehariv-code

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I am currently working over learning semantic html. Feel free to provide feedback or any methods to improve

Community feedback

Gopinathβ€’ 50

@gopinathfed

Posted

Hello, my front-end friend...

🎊 Congratulations on completing this Result-summary-component project.

πŸŽ‰ Your button animation is really cool.

Importance of Meta Tag

  • You have not added "meta description" to your HTML document.

  • A meta description is an HTML element that provides a brief summary of a web page.

<head>
<meta name="description" content="This is an example of a
meta description. This will often show up in search results.">
</head>
  • This is an example for how you can implement your meta description in your html document.

  • Also you need to include keywords, the author of the document and some other informations.

  • Meta tags are important because they impact how your site appears in the SERPs and how many people will be inclined to click through to your website.

  • This can affect your SEO and rankings.

Importance of Semantic HTML

  • You have not added any semantic elements to your HTML document...

  • A semantic element clearly describes its meaning to both the browser and the developer.

  • Examples of non-semantic elements: <div> and <span> - Tells nothing about its content.

  • Examples of semantic elements: <header>, <main>, <footer>, and <article> - Clearly defines its content.

  • Semantic elements make your document more readable..

So, add all the above details, that will make your document a little bit more awesome...

Marked as helpful

0

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