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

Time Tracking Dashboard with React / Typescript / SCSS

#react#sass/scss#typescript
Xuan 200

@jason89521

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

Travolgi 🍕 31,500

@denielden

Posted

Hi Xuan, great work :)

Try using Flexbox for center elements on the page: give the flexbox and height properties to the body and remove margin from the main tag.

Note: Flexbox aligns to the size of the parent container.

You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.

I hope that helps!

Marked as helpful

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