Skip to content
Submitted over 1 year ago

Result Component using Semantic HTML & Vanilla CSS

fetch
SREEHARI P V•300
@sreehariv-code
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in

Community feedback

  • Gopinath•50
    @gopinathfed

    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

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