# Personal Portfolio Webpage Review

**URL:** <https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420>\
**Category:** General\
**Created:** [May 25, 2016, 1:44pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420 "2016-05-25T13:44:42Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![almae12e13](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/almae12e13/32/93298_2.png) [@almae12e13](https://forum.freecodecamp.org/u/almae12e13)\
**Post date:** [May 25, 2016, 1:44pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/1 "2016-05-25T13:44:42Z")

</div>

Hello everyone,

I thought I could get some help here… This is my PPW:

> **[LNwOEW](https://codepen.io/almae12e13/full/LNwOEW/)**
>
> ...

Though I worked with Bootstrap, the site is still not responsive, it only looks good on desktop and notebook screens, but not on cell phone screens.

I would appreciate any reviews and suggestions… Thank you…

---

<div class="post-metadata">

**Author:** ![kendsr](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kendsr/32/4265_2.png) [@kendsr](https://forum.freecodecamp.org/u/kendsr)\
**Post date:** [May 25, 2016, 2:19pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/2 "2016-05-25T14:19:08Z")

</div>

Looks good. One suggestion…fix the banner to the top. That way a user still has access to the nav buttons.  
Keep it simple!

---

<div class="post-metadata">

**Author:** ![almae12e13](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/almae12e13/32/93298_2.png) [@almae12e13](https://forum.freecodecamp.org/u/almae12e13)\
**Post date:** [May 25, 2016, 2:26pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/3 "2016-05-25T14:26:49Z")

</div>

Thank you, @kendsr.

I mistakenly defined both fixed and relative position values, here it is with the fixed navbar:

> **[LNwOEW](https://codepen.io/almae12e13/full/LNwOEW/)**
>
> ...

---

<div class="post-metadata">

**Author:** ![xyxb23](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/xyxb23/32/95377_2.png) [@xyxb23](https://forum.freecodecamp.org/u/xyxb23)\
**Post date:** [May 25, 2016, 3:15pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/4 "2016-05-25T15:15:26Z")

</div>

Hi, @almae12e13. If you’re using Bootstrap, there is no need to set the width of your div blocks in the CSS file. And, for the phone screens you should add class=“col-xs-_" alongside with "col-md-_”.

---

<div class="post-metadata">

**Author:** ![kirbyedy](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kirbyedy/32/245943_2.png) [@kirbyedy](https://forum.freecodecamp.org/u/kirbyedy)\
**Post date:** [May 25, 2016, 3:16pm UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/5 "2016-05-25T15:16:34Z")

</div>

You should check the responsiveness of your website, once I resize the page it falls apart.  
Check the image attached.

 ![](https://global.discourse-cdn.com/freecodecamp/original/2X/4/41f79388c99150a7e4c8d026cce99bbd326a0cbd.png)

---

<div class="post-metadata">

**Author:** ![almae12e13](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/almae12e13/32/93298_2.png) [@almae12e13](https://forum.freecodecamp.org/u/almae12e13)\
**Post date:** [May 26, 2016, 7:51am UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/6 "2016-05-26T07:51:20Z")

</div>

Thank you all.

@xyxb23, thanks a lot for your remark, I added both xs and lg classes together with md class, now it looks good on a phone in a way the page does not fall apart, but it’s still not responsive.

> **[LNwOEW](https://codepen.io/almae12e13/full/LNwOEW/)**
>
> ...

Also, I can’t figure out why the top and bottom bars are not full width of the screen, as I did not specify any values…

---

<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:46am UTC](https://forum.freecodecamp.org/t/personal-portfolio-webpage-review/4420/7 "2021-01-16T03:46:46Z")

</div>


