Basic HTML and CSS 2

Community feedback

• 

  Krista Calleja•300

  @KristaCallejaPosted about 3 years ago

  Hi... I accessed your site and added this in console: body .card-container { align-items: center; height: 100vh; } Adding the height will center the card-container. Good luck!

  Marked as helpful

  1

  ---

  

  Óscar Rabadán Martínez•150

  @OscarandioPosted about 3 years ago

  @KristaCalleja Thank you for your feedback! I tried this and it works but now the container fills the whole site from up to down. I tried to fix it with margins but couldn't :(

  0

  

  Krista Calleja•300

  @KristaCallejaPosted about 3 years ago

  @Oscarandio Hey Óscar! I got curious and did the solution myself, check it out here: https://www.frontendmentor.io/solutions/use-of-vendor-prefixes-and-blendmode-5mBhy8B1c To center the card you need to have it standing in a container with 100vh as height and a margin set at 0 auto; See my code. Good luck!

  Marked as helpful

  1

  

  Óscar Rabadán Martínez•150

  @OscarandioPosted about 3 years ago

  @KristaCalleja Thank you for your effort. I checked it! I will try to do it again also using sass and em/rem.

  0