Is there a better way to center the card in the middle of the screen? and thanks 😄
@denielden
Posted
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 write CSS reset according to your needs. Read more here -> css reset
Hope this help and happy coding ;)
Marked as helpful
@M0hamedF
Posted
@denielden it's good to know there is a better way thanks 😃
@NaveenGumaste
Posted
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 helpful
@M0hamedF
Posted
@Crazimonk Thanks for the advice, I will use it in my next projects.
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 helpful
@M0hamedF
Posted
@maqsudtolipov Thanks 😃, i really appreciate your help
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
