Grade de comentários construída com grid, flexbox e BEM

Community feedback

• 

  Dev Rathore•2,600

  @GitHub-dev12345Posted almost 3 years ago

  Used Background-color: whitesmoke;😊

  0
• 

  Dev Rathore•2,600

  @GitHub-dev12345Posted almost 3 years ago

  Your background-color given in the style guide file, go check then apply in your project😎 And Nice Coding, Keep it Up

  0

  ---

  

  Higor Costa•210

  @higor-costaPosted almost 3 years ago

  @GitHub-dev12345 The style guide doesn't have the background color, so I put a gradient. Thank you for your feedback!

  0
• 

  Dev Rathore•2,600

  @GitHub-dev12345Posted almost 3 years ago

  Congratulation 🚀😁 complete your challenge. Used this code want your card in center position :

  in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }

  in Card Design CSS Code used this property: align-self: center;

  And give the maximum padding inner Card Design:

  I hope you find this helpful 😊 .

  0

  ---

  

  Higor Costa•210

  @higor-costaPosted almost 3 years ago

  @GitHub-dev12345 When I use body{ display : flex; justify-content: center; align-item: center; } I don't have a good result. justify-content: center makes the main and footer stick together. The align-items: center makes the footer not occupy 100% of the page width. I don't know what to do 😕

  0

  

  Dev Rathore•2,600

  @GitHub-dev12345Posted almost 3 years ago

  @higor-costa You not make a html code semantic, this way you phase this problem , other way to use this code in body tag css Code:

  body { margin: 95px auto; }

  0