3 column card

Community feedback

• 

  jnunez2301•170

  @jnunez2301Posted over 1 year ago

  First i would highly recommend you to center the body to make things easier for this i would highly recommend doing:

  
  body{
  display: grid;
  min-height: 100vh;
  place-content: center;
  }
  
  

  Then on your container make the whole thing with a width wich on your case would be:

  
  .parent-div{
  width: 350px; /* note that this width can be any width you want */
  height: 550px; /*note that this height can be any height you want */
  
  

  This are a few documents that i would highly recommend to anyone, i still look at them whenever i'm kinda lost.

  Learn Flexbox

  Centering in CSS

  0

  ---

  

  Abolude Abdullah•80

  @Abolude30Posted over 1 year ago

  Thanks a lot I really appreciate the contribution, would go through the documents sent @Roxc2301

  1
• 

  newtothis90•240

  @newtothis90Posted over 1 year ago

  Just a few things I noticed:

  1. Try increasing the padding on your .parent-div div{} Perhaps try starting at 30px and go from there.

  2. The button width is way too large and the height isn't tall enough.

  3. The button margin from the paragraph needs to be longer.

  Sidenote: If you are familiar with Grid, you could easily space all of your elements out vertically.

  It looks really good other than those few items! Great Job and Keep Going!

  0

  ---

  

  Abolude Abdullah•80

  @Abolude30Posted over 1 year ago

  Thanks for the suggestion and words of encouragement. Really gladens me@newtothis90

  0

  

  newtothis90•240

  @newtothis90Posted over 1 year ago

  @Abolude30

  Absolutely! If you ever need any help or advice, please just ask and i'll see if I can help out!

  Happy Coding!

  Marked as helpful

  0