3-column

Community feedback

• 

  Gabriel_BC•300

  @GabrielBC2021Posted over 2 years ago

  Hello, just a quick tip

  If you want to center your main or div, so this one is right in the center of your website, you can add the next properties to your body

  `body {

  display: flex;
  
  align-items: center;
  
  min-height: 100vh;
  

  } `

  and you can eliminate the next properties from your media query

  `.section {

  justify-content: center;
  
  align-items: center; 
  
  position: absolute; 
  
  top: 35%;
  
  left: 50%;
  
  transform: translate(-50%, -50%);
  

  } `

  With this now you don't have a lot of CSS code to center your div and is easier.

  I hope it helps you :D

  Marked as helpful

  1

  ---

  

  Facundo Rubio•250

  @Facu3071Posted over 2 years ago

  @GabrielBC2021 Thanks a lot for your feedback, I really appreciate it.

  0
• 

  Axurynn•200

  @AxurynnPosted over 2 years ago

  Good job @Facu3071 !

  To fix issues, you could add a main tag to your HTML file as well as h1 title.

  Overall, you did well! Congrats and happy coding 😄

  Marked as helpful

  0