Design comparison
SolutionDesign
Solution retrospective
this is timer tracking dashboard main
Community feedback
- @denieldenPosted almost 3 years ago
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!
Marked as helpful0 - add
- @GitHub-dev12345Posted almost 3 years ago
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 π .
Marked as helpful0 - @Kamasah-DicksonPosted almost 3 years ago
Okay so your solution looks great on mobile good job Keep codingπ
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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