HTML Semantic, CSS

Community feedback

• 

  Spirit•220

  @git-ritesh

  Posted almost 2 years 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.

  20
• 

  TANJIRWEBDEV•140

  @TANJIRWEBDEV

  Posted almost 2 years ago

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

  21
• 

  Tharun Raj•1,330

  @Code-Beaker

  Posted almost 2 years 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!

  10
• 

  mohammed-sarhad-ahmed•250

  @mohammed-sarhad-ahmed

  Posted almost 2 years ago

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

  10