Used max-width and display Flex

Community feedback

• 

  P

  Kent O'Sullivan•1,870

  @12Kentos

  Posted almost 3 years ago

  Hey @occult-hues,

  Nice job on the project, I know you didn't actually ask a question, but figured I'd add my two cents! :)

  Setting a min-height of 100vh on the body, is simply telling the body element (Which makes up the majority of the website) to always have a minimum of 100vh. This way no matter what screen opens your website, regardless of if it is a 1920 X 1080 or a 1440 X 900, the body will always fill that screen size.

  As for the flex part, this is essentially saying "with the given size (which we just gave it the entire monitor) place the item in the middle." That's the great thing about flexbox and grid, they will automatically do the math for us. :)

  Here's a great video by Kevin Powell on Flexbox, it should really help you understand it better.

  Kevin Powell Flexbox

  Here is a great site as well to practice your flexbox skills. (It's also completely free)

  Flexbox Froggy

  If you would also like to learn about Grid, I can send some resources for that your way as well, keep up the great work! I promise it will get easier to understand what is going on as you keep practicing! :)

  00