Design comparison
Solution retrospective
Is there a better way to center the card in the middle of the screen? and thanks 😄
Community feedback
- @denieldenPosted almost 3 years ago
Hi faheem, the best and most control way is to use flex as you have already done.
Also I see that your body has margins and you had to use
height: 97vh;
... each browser has default CSS, a good rule of thumb is to writeCSS reset
according to your needs. Read more here -> css resetHope this help and happy coding ;)
Marked as helpful1@M0hamedFPosted almost 3 years ago@denielden it's good to know there is a better way thanks 😃
1 - @NaveenGumastePosted almost 3 years ago
Hay ! Good Job Mohamed Fathy you made it look nearly perfect to the preview
These below mentioned tricks will help you remove any Accessibility Issues
-> Add Main tag after body like it should be your container
-> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc
-> But use header tag only once in main heading element.
Keep up the good work!
Marked as helpful1@M0hamedFPosted almost 3 years ago@Crazimonk Thanks for the advice, I will use it in my next projects.
1 - Account deleted
Hi there Mohamed 👋
Congratulate on finishing your project 🎉. The design looks beautiful 😃.
Yes, there are better and easy ways to center a div 🧠. Click on this link to watch a short video to master it video 🎥. There are 3 but watch the last one using grid
Happy coding ☕
Marked as helpful1@M0hamedFPosted almost 3 years ago@maqsudtolipov Thanks 😃, i really appreciate your help
0
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