@NandiniCooppenSubmitted over 1 year ago
Hi, this is my first submission to frontend mentor.
It would be great to have some feedback on my solution.
Thank you in advance :-)
Matthew
@unhommequidortAll comments
- @unhommequidortPosted over 1 year ago
This is looking really nice!
One thing I'd point out is that if you look closely at the design, the border-radius on the image is a bit smaller than that of the surrounding card container, so that the width of the white around the image stays the same as it follows the corners.
Keep up the great work!
0 - @DavidDHDHSubmitted over 1 year ago
Hello community ! This is my solution for my first challenge.
Looks simple but I got 2 issues :
- how to center vertically my card ? I've tried using Flexbox but as the body doesn't have height it' still at the top (so I've put a margin-top 100px)
- my card looks contract after uploading, compare to my screenshot and the render in my IDE, any idea ?
Let's go for the second one now !
@unhommequidortPosted over 1 year agoYou can add a height: 100vh property to the body to make it take up 100% of the window's visible vertical space.
Marked as helpful0 - @Haitham-shSubmitted over 1 year ago@unhommequidortPosted over 1 year ago
Nice work on this one! If I can permit myself one bit of advice, I recommend checking out flexbox, specifically the justify-content and align-items properties, for centering your card horizontally and vertically in the window, no matter what size the window is.
Keep up the good work!
Marked as helpful0
