Social Links Profile using CSS and HTML

What are you most proud of, and what would you do differently next time?

I am most proud of the way I made the overall design and how I was able to position everything the way i wanted. In the future, I would use display: flex and display: grid a lot more.

What challenges did you encounter, and how did you overcome them?

The biggest challenge I had to overcome was the centering of all the items. I had help from discord servers that are about front end development and I fixed it with this piece of code.

this is for the box centering: margin: 0; display: flex; justify-content: center; align-items: center;

flex-direction: column; min-height: 80vh;

this is for the image centering: margin: 0 auto; margin-top: 1rem;

What specific areas of your project would you like help with?

The specific area that I would like assistance with is learning how to make the text elements (, and ) not be in correlation with the width of the hyperlinks (). I temporarily fixed this situation by adding a minimum width to min-width: 13rem; which translates to 208px in width, but once the text elements go past that width, the border goes along with it. This is the main problem I have.

Another question I would like to know the answer to is how to confirm that the website is multiplatform compatible. I would also appreciate to understand any bad habits that I have done and how I can replace and break them off.

Thank you for your support.