Design comparison
Solution retrospective
Questions:
-
Is there another way to vertically center an element that preserves its place in the normal flow of the document? The method I used here required the element's position to be set to absolute but, from what I understand, this removes it from the normal flow of the document. I'd be more than happy to hear any suggestions or advice!
-
When submitting solutions to Frontend Mentor, is editing the README files necessary and, if so, how to go about it? This is the first challenge I've done and I'm still not sure how to go about proper documentation for my solution and how to properly submit my solution to the site. I'd greatly appreciate any help on this!
Community feedback
- @IkacperPosted over 3 years ago
i think you shouldn't use box shadow
images which are responsible for design only should be handled by css not html
it is possible to make only one class for buttons, you can check my solution
responding to your first question, i think, you can add on your body tag display: flex, flex-direction: column and height: 100vh and remove position absolute from container to achive vertically centered an element
0@0-BSCodePosted over 3 years ago@Ikacper Thank you for the feedback! I'll keep those tips in mind.
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