3-Column Card Site with Flexbox

Community feedback

• 

  Fasih Mehmood•135

  @fasih-mehmood

  Posted almost 4 years ago

  Flexbox is definitely the way to go when it comes to centering elements. Also avoid using ID's as much as you can and make use of classes instead. Avoid using absolute sizes as well, instead of pixels, try using % or rem or em.

  Other than that, the solution looks great! Keep up the good work.

  10

  Marked as helpful
• 

  darryncodes•6,350

  @darryncodes

  Posted almost 4 years ago

  Hi Faylette,

  Great solution, well done.

  Try this on your .container class:

  display: flex;
  flex-direction: column;
  flex: 1;
  

  And on mobile add align-self: start; to the <button> styles so the button doesn't span all the way across.

  Also you'll need to play around with margin-bottom: 75px; on your <p> too.

  Good luck!

  04