Social links profile

<a href="">GitHub</a> <a href="">Frontend Mentor</a> <a href="">LinkedIn</a> <a href="">Twitter</a> <a href="">Instagram</a>

I would add these as buttons because these are buttons

html

<button> GitHub </button>

<button>  Frontend Mentor  </button>

<button>  LinkedIn  </button>

<button> Twitter  </button>

<button>  Instagram </button> 

css

button { cursor: pointer; width: 90%; padding: 1rem; border-radius: 0.5rem; margin-bottom: 1rem; background-color: var(--color-grey); border-style: none; color: var(--color-white); font-weight: 700; }

And you have it flush with the edge at the bottom but in the original it is not on the edge. So you could try it

You can do that, but it would be better if you do a tag and then within a tag the buttons, for example:

<a href="https://github.com" target="_blank"> <button> GitHub </button> </a>

Alternatively, you can do it like this

<button onclick="window.location.href='https://github.com';"> GitHub </button>

you can try it out