Skip to content
Submitted over 1 year ago

started by mobile-first workflow, using flex-box and overflow css.

Philipe Rodrigues•70
@PhilipeeX
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have just learned about the HTML tag <details>, but I don't know if it's correct to use this tag for the questions in this case.

Community feedback

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

    Hey there Well you finished the FAQ accordion card...🎉

    • 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 CodingPhilipe Rodrigues🤩
    Marked as helpful
    1

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