Tell us what’s happening:
Hi everyone, so for whatever reason, I just haven’t quite figured out how to reliably center code horizontally and vertically. It seems like I always struggle in these situations, and sometimes am able to figure it out, and sometimes not.
I am running into this issue in two areas of my webpage, the first in the id=“welcome” div where I would like to center not just horizontally, but also vertically the text in this section.
The second is in the id=?“contact-links” div where I would like to center horizontally the group of links. Here I tried it with, text-align: center, but that didn’t seem to work. I also tried it with margin-left: auto; & margin-right: auto, but that didn’t seem to work too well either.
Thank you so much in advance!!!
Your code so far
https://github.com/leonardmohr/Free-Code-Camp-CSS/blob/master/Personal%20Portfolio%20Project.html
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36
.
Challenge: Build a Personal Portfolio Webpage
Link to the challenge: