Hey fcc community!
I have a couple problems I cant figure out in my personal portfolio project.
- I don’t know why my h3 turns into a link for my technical document project.
- 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
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.
Hey thanks a lot! I wouldn’t have caught that. Thanks for the flexbox link as well.