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

FAQ-Accordion with React js + Tailwind CSS

@wittyparth

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@Ahmad-Akbik-f

Posted

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

Posted

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