Frontend project to show my socials

Community feedback

• 

  Marcos Travaglini•4,840

  @BlackpachamamePosted 9 months ago

  Greetings! you have done a great job 😎

  📌 Some suggestions

  • I recommend doing a small reset to the styles that come by default in the browsers. To do this, you can apply a couple of properties to the universal selector *, with this you will make your site look the same in all browsers
  • I leave you the task of researching the reset CSS and the box-sizing: border-box
  • Instead of using position to center your content in the center of the screen, you can use the flexbox properties in the body:

  body {
      background-color: black;
      min-height: 100vh;
      margin: 0;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  
  main {
      background-color: #222222;
      /* position: absolute; delete */
      /* top: 50%;  delete */
      /* left: 50%;  delete */
      /* transform: translate(-50%, -50%);  delete */
      width: 250px;
      height: 420px;
      text-align: center;
      border-radius: 10px;
  }
  

  Marked as helpful

  0

  ---

  

  LuizFlavioPinto•60

  @LuizFlavioPintoPosted 9 months ago

  @Blackpachamame Great help my friend!!! going to study those points. Appreciate you

  1