Skip to content
Submitted 5 months ago

FAQ-Accordion with React js + Tailwind CSS

wittyparth•60
@wittyparth
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I have learnt how to dynamically rendered content based over user in react

What challenges did you encounter, and how did you overcome them?

I didn't know how to use create data that disappear in react by clicking a button

What specific areas of your project would you like help with?

Everything is very good

Community feedback

  • Sadeek_Akbik•380
    @Ahmad-Akbik-fPosted 5 months ago

    So...Hi there it's me a jounior web dev : I saw your code AND you DID VERY GOOD JOB with IT , But here is some of my tips : 1 - use a static width with the main card so it does not change it's width every time you click for more info. CSS code :

    .main-card{
   max-width : 600px;
}

    2 - about the toggle text I think the best way for it is the jQuery library I know it is old ,but it is good and still working. 3- another tip for react projects : in a small projects like this one use the cdn for react add them in the head of your HTML that gonna make it easier to upload the code "take a look at this website : https://www.w3schools.com/react/react_getstarted.asp " *- and that is it for now. If you have any other questions dont hesitat to ask a tip.

    Marked as helpful
    0
  • wittyparth•60
    @wittyparthPosted 5 months ago

    Do you have any tips how to give static width and heights to divs and images ?

    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