Design comparison
Solution retrospective
I feel satisfied with the result obtained, I have nothing I want to change for now.
What challenges did you encounter, and how did you overcome them?I had problems displaying the cards dynamically, when I changed time tracking type the script file would freeze, to fix this I used the document.createDocumentFragment() method, i.e. I generated an html element and inserted the cards, once Once that was done, I inserted said content only once, instead of entering new content each time a card was created.
Community feedback
- @lazydroidePosted 28 days ago
i like the animation it's a cool detail, and everything works and looks perfect. I don't see any problem in your js, maybe did you do it in a little bit "overcomplicated" way?. You could achieve the same result create the card-container in your index.html and then using innerHtml in your js to update its content: to remove the cards: card-container.innerHtml = ''; to insert each card: card-container.innerHtml += ´html code of the card`;
in any case, good job.
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