Skip to content
Submitted 11 months ago

Responsive Time Tracking dashboard with CSS Grid and flexbox

Mutohi-R•40
@Mutohi-R
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Time tracking dashboard
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Is there a way I can change the only content of the time tracking grids instead of completely refreshing the page with vanilla javascript?

Community feedback

  • Enmanuel Otero Montano•2,155
    @Enmanuel-Otero-MontanoPosted 11 months ago

    Hello @Mutohi-R!

    Congratulations on completing the challenge! Yes, instead of creating <a> tags, you can create <button> and have an addEventListener created for each of them and do the fetch operation when one of them is clicked, taking the corresponding data. I leave you the link to my solution so you understand better.

    My solution

    Check the code of my solution.

    Greetings, I hope I have helped you.

    Marked as helpful
    0
    Mutohi-R•40
    @Mutohi-RPosted 11 months ago

    Hello @Enmanuel-Otero-Montano!

    I do appreciate your help and would look into your code and try and modify mine.

    Thanks for your feedback.

    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