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

responsividade,vuejs, tailwind css

@matheusrobertodasilva

Desktop design screenshot for the Time tracking dashboard coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

@R3ygoski

Posted

Olá Matheus, seu projeto ficou muito próximo ao design proposto.

Mas notei algumas coisas, a primeira é como o comentário acima havia mencionado, seu componente home, está descentralizado, para centralizar basta remover essa classe da sua <section/>: my-[10vh].

Também percebi que seu projeto não está interativo. Quando você baixou o projeto, veio um arquivo chamado data.json se não me engano. Nele continha os dados que você deveria atualizar ao clicar no daily, weekly e monthly. Você poderia pegar esses dados utilizando o fetch() e se não me engano, daria até mesmo para você importar esse arquivo JSON.

E novamente, bom trabalho, caso algo que eu tenha dito tenha ficado confuso, por favor, avise aqui nos comentários, que tentarei ajudar da melhor forma.

0
matbac85 600

@matbac85

Posted

The dashboard looks vertically off-centre to me. I think that's because you've left the margins in the desktop version.

I tried changing the data by clicking on "weekly", "daily" and "monthly", but it didn't work. I haven't managed to look at your source code, so I can't really help you unfortunately.

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