CSS Grid and Flexbox

Community feedback

• 

  faizan•2,420

  @afaiz-spacePosted over 2 years ago

  Hey @MabIggo

  • use flex or grid property for object center.
  • change the background color
  • read the style guide file

  Marked as helpful

  1
• Account deleted

  Hi MabIggo! Congrats on finishing your first challenge 💪

  Yes, you can center a element with flexbox as well. Here's how you do it:

  First you need to set a height on a container element. The best option is to set height: 100vh;

  Then you go and add display: flex; declaration.

  Next you need to center the item both vertically and horizontally. You should add these two declarations:

  align-items: center; justify-content: center;

  And that's it, now you have centered the flex item inside the container element.

  I hope this was helpful. Happy coding! 👨‍💻

  Marked as helpful

  1