3-column-preview using HTML5 and CSS

Community feedback

• 

  Fluffy Kas•7,675

  @FluffyKasPosted over 3 years ago

  Heya, good start on this challenge! There's a few things you could improve:

  1. There are a few ways to center your component. One of them would be: min-height: 100vh, display: grid, place-items: center on the body.

  2. Instead of width: 80% on the card you could do max-width. Using % is probably not the best choice of unit here, I'd stick to px/rem.

  3. Your buttons: they use the browser's default font-family, you need to set them specifically. Also, if you give them the same border you gave for hover state, that will keep them form jumping a bit.

  Good luck ^^

  Marked as helpful

  0

  ---

  

  Vishakha Roy•100

  @VishRoyPosted over 3 years ago

  @FluffyKas Thank you for the suggestions :)

  0