HTML Semantic, CSS

Community feedback

• 

  Spirit•220

  @git-riteshPosted over 1 year ago

  I often use display: flex;, align-items: center; & justify-content: center; to center things from both sides i.e. horizontally & vertically.

  Though if I have to center a <div> only on the main axis then I use margin: 0 auto; to center but it should have a width for that to be happen as by default any <div> element is display: block; and it would take full width in the parent container.

  2
• 

  TANJIRWEBDEV•140

  @TANJIRWEBDEVPosted over 1 year ago

  display: grid; place-content: center; thats it ! ez

  2

  ---

  

  Spirit•220

  @git-riteshPosted over 1 year ago

  Does this center the content both vertically & horizontally using a single property place-content: center; Really it's cool! @TANJIRWEBDEV

  0
• 

  Tharun Raj•1,330

  @Code-BeakerPosted over 1 year ago

  Hi there!

  Congratulations on completing this project! 🎉

  Here is the code that's commonly used for centering content horizontally and vertically:

  .element {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  

  Hope you find this helpful!

  1
• 

  mohammed-sarhad-ahmed•250

  @mohammed-sarhad-ahmedPosted over 1 year ago

  display:flex;
  justify-content:center;
  align-items:center
  or 
  display:grid;
  place-content:center;
  

  1