Design comparison
Solution retrospective
My first Challange !
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Lukas, congratulations for your first solution and π welcome to the Frontend Mentor Coding Community!
Your first solution is amazing, I've some tips for you:
You need to add to the body
min-height: 100vh
to make the child element align to the body (parent). See the fixes below:body { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; font-family: Arial, Helvetica, sans-serif; background-color: antiquewhite; }
You can use this value for the component
box-shadow
box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 5%);
π I hope this helps you and happy coding!
Marked as helpful1 - @Lolex3366Posted about 2 years ago
Thanks for great feed back Lucas ! Yes ill have fix it and it looks nice. It is nice that the Community help each other and give a newbiee so much feedback , ill enjoy it "!
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