https://codepen.io/corinna87/pen/oNjGmMp

Hello there! I’m trying to solve the “Portfolio page” certification project, and am struggling a bit with the horizontal and vertical alignment of the elements.

My “projects” section elements are aligning as they are supposed to. But now the “Contact” and “Footer” is somehow following the same layout as the “projects”, instead of stretching over the entire width of the screen.

I have looked at the example project and tried to follow the same basic setup, but I can’t figure out which part of the code is responsible to fix my problem.

Thanks a lot for help!

Your code so far
https://codepen.io/corinna87/pen/oNjGmMp

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

Welcome, Corinna.

I suggest you use the built-in analyse tool in CodePen to find some errors in your HTML and CSS. Then, I added this at the end of the CSS:

#contact {
  width: 100%;
}

Hope this helps

1 Like

Hi Sky020, thanks a lot for helping so quickly! Both in combination fixed it :smiley:

1 Like