Skip to content
Submitted over 3 years ago

HTML, CSS

Bryan Sanchez•590
@0-BSCode
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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!

Community feedback

  • kacper•110
    @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
    Bryan Sanchez•590
    @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 GitHub

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