time tracking dashboard main

Hi Omar, I took some time to look at your solution and you did a great job!

Also I have some tips for improving your code:

• add main tag and wrap the card for Accessibility
• remove all margin from .container class
• remove all padding from body
• try to use flexbox to the body for center the card. Read here -> best flex guide
• after add min-heigth: 100vh to body because Flexbox aligns to the size of the parent container

Overall you did well :)

Hope this help and happy coding!

Congratulation 🚀😁 complete your challenge. Used this code want your card in center position :

in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }

in Card Design CSS Code used this property: align-self: center;

I hope you find this helpful 😊 .

Okay so your solution looks great on mobile good job Keep coding👍