"Social Links Profile" by Pedro Brandão

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>