Problems I can't figure out on my Personal Portfolio Project

1

Hey fcc community!
I have a couple problems I cant figure out in my personal portfolio project.

  1. I don’t know why my h3 turns into a link for my technical document project.
  2. I can’t figure out how to center my project images horizontally and vertically.
    Here is my project https://codepen.io/rickyalatorre/pen/OGJjoy?editors=1100

Any other advice you can throw at me will help.
Thank you

2

First off, welcome to the forums!

Second, let’s take a looksie:

I immediately noticed you don’t have a closing tag for your images. This will make links act funny because they’re not attaching properly.

<a href="https://codepen.io/rickyalatorre/pen/YgEjrr"><img src="https://apis.mail.yahoo.com/ws/v3/mailboxes/@.id==VjN-nF-SgPuNqX-_8Cto05gLvL3ZW_77QvFIt3WTte1__HZmnfIHQzKRWR85DhOSMtU04QS589m2ULn4HOf3kMCF_g/messages/@.id==AHHQPGIjjGduXKE4cwF66PoSHlI/content/parts/@.id==3/thumbnail?appId=YMailNorrin" width="200" height="200" alt= "CSS Animations"</a>

It should have a self closing tag before your closing anchor tag.

<a href="https://codepen.io/rickyalatorre/pen/YgEjrr"><img src="https://apis.mail.yahoo.com/ws/v3/mailboxes/@.id==VjN-nF-SgPuNqX-_8Cto05gLvL3ZW_77QvFIt3WTte1__HZmnfIHQzKRWR85DhOSMtU04QS589m2ULn4HOf3kMCF_g/messages/@.id==AHHQPGIjjGduXKE4cwF66PoSHlI/content/parts/@.id==3/thumbnail?appId=YMailNorrin" width="200" height="200" alt= "CSS Animations"/></a>

As for centering, take a look at flexbox. It’s very useful for centering but unfortuntely I can’t give you an example with your code without rewriting most of it. Give this a read though, it’ll give you the ins and outs.

3

Hey thanks a lot! I wouldn’t have caught that. Thanks for the flexbox link as well.:smile: