# Help with Second Exercise -Build a Portfolio

**URL:** <https://forum.freecodecamp.org/t/help-with-second-exercise-build-a-portfolio/21348>\
**Category:** General\
**Created:** [July 19, 2016, 11:58am UTC](https://forum.freecodecamp.org/t/help-with-second-exercise-build-a-portfolio/21348 "2016-07-19T11:58:24Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Gnio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gnio/32/154167_2.png) [@Gnio](https://forum.freecodecamp.org/u/Gnio)\
**Post date:** [July 19, 2016, 11:58am UTC](https://forum.freecodecamp.org/t/help-with-second-exercise-build-a-portfolio/21348/1 "2016-07-19T11:58:24Z")

</div>

Hi there,

Hope this post find you all very well.

I’m having troubles making my portfolio make sense. I’m taking my time, and I’m learning a lot. Still there’s something that have me scratching my head and I cannot identify the issue. Here it goes:

> **[Second Exercise - Build a Portfolio](https://codepen.io/neojacks/pen/pbdEWa)**
>
> ...

When I open the project in a browser looks okay, when I resize the browser like simulating a smartphone, the sides of the body does not reach both margins.

The right side always show a small amount of background while the left side covers the whole screen. It’s like the body of the project is not centered, in the middle of the left and right margins, anyway, I have not been able to find out what is the problem, after a lot of revision.

Any suggestion? Ideas?

Thank you in advance!

---

<div class="post-metadata">

**Author:** ![IsaacAbrahamson](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/isaacabrahamson/32/30882_2.png) [@IsaacAbrahamson](https://forum.freecodecamp.org/u/IsaacAbrahamson)\
**Post date:** [July 19, 2016, 3:35pm UTC](https://forum.freecodecamp.org/t/help-with-second-exercise-build-a-portfolio/21348/2 "2016-07-19T15:35:59Z")

</div>

You created the KFC website? Wow, I am impressed…  
Anyway, first tip: don’t put your meta, title, links, etc. in your body - they belong in the head.  
your stuff in the middle isn’t exactly centered but here’s my suggestion:  
you have the .w960 class to set max-width to 960px. You can lower the max width as the page gets smaller with media queries ex:  
`@media screen and (max-width: 600px) { .w960 { max-width: 600px; } }`  
chaning the max width smaller in dev tools helped for me, but it is confusing, maybe someone else can explain it better.

---

<div class="post-metadata">

**Author:** ![Gnio](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/gnio/32/154167_2.png) [@Gnio](https://forum.freecodecamp.org/u/Gnio)\
**Post date:** [July 20, 2016, 4:04am UTC](https://forum.freecodecamp.org/t/help-with-second-exercise-build-a-portfolio/21348/3 "2016-07-20T04:04:21Z")

</div>

Thanks, I highly appreciated your prompt response.

> [@IsaacAbrahamson](#):
>
> You created the KFC website? Wow, I am impressed…

I have not build any real thing yet, I just put random webpages screenshots from several webpages I happen to have open in that moment as a placeholders. Anyway I think would be a better idea just change it with a solid color picture to avoid sending the wrong message. Thanks for noticing that.

> [@IsaacAbrahamson](#):
>
> Anyway, first tip: don’t put your meta, title, links, etc. in your body - they belong in the head.

Thanks for letting me know this important information. After review, I was unable to find any of those tags outside the head tag. Meta, link and else appear to me to be under the head tag, and the first tags in body is a div tag. Perhaps there’s something that I’m not looking at?

> [@IsaacAbrahamson](#):
>
> you have the .w960 class to set max-width to 960px. You can lower the max width as the page gets smaller with media queries ex:@media screen and (max-width: 600px) { .w960 { max-width: 600px; }}chaning the max width smaller in dev tools helped for me, but it is confusing, maybe someone else can explain it better.

This is helpful. I will explore this and start reading more about that. If it has help you, most likely will help me.

Thank you very much for taking your time to answer.

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [January 16, 2021, 3:48am UTC](https://forum.freecodecamp.org/t/help-with-second-exercise-build-a-portfolio/21348/4 "2021-01-16T03:48:11Z")

</div>

Closed on January 16, 2021, 3:48am UTC


