3-column preview card using HTML, SCSS, FlexBox & Grid

Community feedback

• 

  Stefano•155

  @StefanoDeCapitaniPosted over 3 years ago

  Great work, well done @darryncodes!

  I have only a suggestion that might be useful. In order to place the container in the center of the page you can do something like this:

  .body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }

  I'm not sure this is a best practice but I find this solution handier than trying different margin sizes till the wanted result is obtained. Hope it'll save you some time in the future ;) What do you think about it?

  Happy coding!

  Marked as helpful

  0

  ---

  

  darryncodes•6,350

  @darryncodesPosted over 3 years ago

  Hi @StefanoDeCapitani thanks for taking the time to look at my solution, glad you like it.

  Yeah good shout, i tried it before with a fixed height and it messed up my design on mobile, so the min-height is a nice touch, thanks.

  0