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

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

@PhilipeeX

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@0xabdul

Posted

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
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