Design comparison
SolutionDesign
Community feedback
- @AliMahmoud21Posted almost 2 years ago
Hi Shrouq,
-
I recommend you use the following code in your document file to center the card:
-
body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; padding: 2rem; }
-
Also, you must use "max-width" with the image to make it fit the card content, as well you gotta do some edits on the heading and paragraph.
Lastly, make sure you use the semantics of Html in your document file. I hope this helps you...
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