Skip to content
Submitted over 1 year ago

Solution using javascript

AntoineReibel•40
@AntoineReibel
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

I don't like the mobile version and the shadows. How can i make it full width and keep the size of the element ? I'm really not satisfied of my use of the position to match the model, and i'm sure there is a much easier solution.

Please tell me what i should do to improve my code.

Community feedback

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

    Hello there ! 👋 Congratulations you finished the Results card component...🎉

    • Some suggestions for you improve your code

    Html 🏷️:

    • 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 :
    <div class="container" role="main">
//Whole html code wraping the div tag named "container"..📍
</div>
    • Any way using the img tag should be put the alt Attribute✅ and mention the alt discription Ex : <img src="logo.jpg" alt="logo"></img>
    • I Hope it's useful for you and wating for your next project ❤️
    • Happy Coding 😃
    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