Basic HTML/CSS Excercise

Community feedback

• 

  mateusz96•110

  @mhanak96Posted about 2 years ago

  Hi Trezmor!

  I think you should learn about flexbox & grid - which will help you place couple items in one line like in "annual plan" block here and make your websites responsive. Good resources (which are also free) are: WebBos "What the flexbox?" course and Kevin Powell "Conquering responsive layouts", you can also play games like "flexbox froggy" or "grid garden".

  If you want to center your designs i think that the easiest solution is setting your body height, displaying it to grid and centering the items (on x & y axis) inside the grid:

   height: 100vh;
   display: grid;
   place-items: center 
  

  Tip - you can make you button look better by setting border to none (thanks to that this grey border will no longer be present) .

  That's awesome that you are trying to use BEM notation in your css 😉 - it will benefit you in your future css journey when you will be learning sass.

  Good luck and happy coding! 💪

  0