Skip to content
Submitted about 4 years ago

HTML, CSS

Bryan Sanchez•590
@0-BSCode
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Questions:

  1. 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!

  2. 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!

Code

Please log in to post a comment

Log in

Community feedback

  • kacper•110
    @Ikacper

    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

Join 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