Skip to content
OverviewSolutions
18
Comments
2
Graiess_Youssef
@graiess073029

All comments

  • EL harabiy•250
    @Mubarak-Adeyemi
    What are you most proud of, and what would you do differently next time?

    I’m most proud of implementing a fully responsive design and using CSS Grid effectively to create a clean, organized layout. Next time, I’d focus on optimizing JavaScript for better performance and explore adding more interactivity, such as allowing users to customize their tracked activities.

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

    I found it difficult to arrange the cards in the desktop view while ensuring smooth accessibility and optimizing SEO. I strictly adhered to semantic tags and ARIA labels. To overcome this challenge, I wrapped all the elements in a container, allowing for better structuring and layout management.

    Time Tracking Dashboard Main

    2
    Graiess_Youssef•410
    @graiess073029

    Hey ! The solution that you made is simply amazing. I was admiring how it was responsive as i opened it from my phone ans it fit perfectly. So, the only advice that i can give you is to increase the height of the main div (the div which contains the time-choosing bar and the card as children) to make it identic to the design. And that’s it, i wish that i helped you.

    Marked as helpful
  • Graiess_Youssef•410
    @graiess073029

    Hello @saturnextreme.

    You did well trying completing the challenge

    I understood that you have a problem changing themes, right ?

    There an easy solution that you can follow (I worked with it too):

    -You're using ReactJs. So, you can create a state named theme and set theme variable as a second class in the components for exemple : <button id={'7'} className={`button ${theme}`}>7</button>

    -In the Css side, you will create css rules for the main layout of the button using the button class, and you will create other css rules for color and bg for each theme

    I think it was helpful. Happy Hacking !

    Marked as helpful