"Social Links Profile" by Pedro Brandão

Community feedback

• 

  P

  Raphael Perfi•290

  @perfidevPosted 10 months ago

  You can align elements with CSS Grid using align-items (vertical) and justify-items (horizontal).

  You can also use Flexbox, using align-items (vertical) and justify-content (horizontal).

  And for the image, you can use border-radius.

  img { border-radius: 100px; }
  

  Suggestions:

  • Use box-sizing: border-box on *, so the browser will include the width and height of borders and padding in the total width and height calculation of the element.

  * {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
  }
  

  • Add alt attribute to the image.

  <img src="perfil100px.jpg" alt="Pedro's photo" />
  

  • Place your content inside the <main> tag.

  <main>
      <div> ... </div>
  </main>
  

  Marked as helpful

  1

  ---

  

  bbrandaoooo•30

  @bbrandaooooPosted 10 months ago

  Thank you very much. Helped a lot !@raphaelperfi

  1