Design comparison
SolutionDesign
Community feedback
- Account deleted
π Hey, @MEHDI204! I have a few suggestions for your project:
1. You don't need to use
position
for centering. Since you already haveflexbox
set up correctly, just addmin-height: 100vh;
to the body, and everything will be perfectly centered. It should look like this:body { /* Your other code */ min-height: 100vh; }
2. Since youβre already using
flexbox
, you can remove anyposition
properties and usemax-width
instead ofwidth
. This will make your solution more responsive.Hope you find this helpful! π
Marked as helpful0 - @ortiz-antonioPosted 3 months ago
Great start! Could you explain why you're using position: absolute? The text seems to shift from the card when I resize the window.
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