Skip to content
Submitted over 1 year ago

Project Summary solution using (html, tailwindcss, js and vite)

Yousef Khalid•580
@YousefKhalid-iq
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

First project using tailwindcss, any feedback would be appreciated.

and the images don't seem to load in the live deploy version while working locally.

Community feedback

  • C H A R A N 🎯•2,670
    @0xabdulPosted over 1 year ago

    Hey there Well you finished the Results summary component...🎉

    • A Few Recommendation for you improve your code🤔

    Html 🏷️:

    • the html page Must be contain landmark
    • for Accessibility reports using the non-semantic elements (or) semantic elements..
    • semantic elements : <aside> , <artical> , <main>, <header> ,<section><footer>, <form> ect..
    • non- semantic elements : <div> , <span> ect ...
    • for easy way to clear the Accessibility reports using non semantic elements Ex :
    <body>
<div class="container" role="main">
/html code goes here : 🏷️
</div>
</body>
    • Or
    • using semantic elements
    • Ex :
    <header>
should be put heading or logo
</header>
<main>
Main of the contents 
</main>
<footer>
©copy right  here
</footer>
    • I Hope it's useful for you
    • Happy CodingYousef Khalid🤩
    1
    Yousef Khalid•580
    @YousefKhalid-iqPosted over 1 year ago

    @0xAbdul thx for the feedback I did this project mainly with divs only because I was learning tailwind for this project.

    0

Please log in to post a comment

Log in with GitHub

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