Help with my personal portfolio project

1

https://codepen.io/Ausjwill/full/GRRaZeJ

I am close to submitting my personal portfolio project but I have 2 things that are stumping me.

1: My projects-link that says “See all of my projects” won’t center align or apply padding aand I am not sure why.

2: My contact links at the bottom won’t apply a different font color.

Appreciate any help, I can’t seem to figure these out.

2

Hi there, if you give your .project-link css class : display: block; that should center your text and then you could adjust your padding to whatever you would like it to be. In terms of the color, what are you trying to do? Are you wanting it to be hidden until you hover over it or did you want it to be visible? and change color when hovering over it?

3

Hello there.

The easiest fix is to wrap that link in a div:

<div class="prof-link">
  <a id="profile-link" href="https://codepen.io/Ausjwill/pens/public" target="_blank" class="projects-link"><i class="pro-link"></i>See all of my projects</a>
</div>

With this CSS

.prof-link {
  padding-bottom: 100px;
  text-align:center;
}

Also, notice how you gave it an id="profile-link". I am not sure if you maybe meant a class instead of "project-link".

For your contact links:

.contact-links > a {
  color: #fff
}

And, take away that <p></p> wrapped around your second element.

Hope this helps

4

That worked perfectly, thank you so much!!!