# Page doesn't fit the screen?

**URL:** <https://forum.freecodecamp.org/t/page-doesnt-fit-the-screen/48847>\
**Category:** General\
**Created:** [October 26, 2016, 12:13am UTC](https://forum.freecodecamp.org/t/page-doesnt-fit-the-screen/48847 "2016-10-26T00:13:29Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![azleong](https://avatars.discourse-cdn.com/v4/letter/a/58f4c7/32.png) [@azleong](https://forum.freecodecamp.org/u/azleong)\
**Post date:** [October 26, 2016, 12:13am UTC](https://forum.freecodecamp.org/t/page-doesnt-fit-the-screen/48847/1 "2016-10-26T00:13:29Z")

</div>

> **[Personal Portfolio](https://codepen.io/azleong/pen/kkVLQk)**
>
> Andy Leong...

Hi guys, having trouble with my page, the whole page has white edges on the side and I can’t figure out how to remove that? Might be something to do with ‘container-fluid’ but if I just put it as container then the page gets even smaller!

Could anyone help please?

---

<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:** [October 26, 2016, 1:28am UTC](https://forum.freecodecamp.org/t/page-doesnt-fit-the-screen/48847/2 "2016-10-26T01:28:01Z")

</div>

First off, you don’t put head stuff inside your container-fluid div. Anyway, .container-fluid automatically adds 15 pixels of padding to the left and right side while .container sets it at a fixed width depending on screen size.

Just remove the padding for your element.

---

<div class="post-metadata">

**Author:** ![azleong](https://avatars.discourse-cdn.com/v4/letter/a/58f4c7/32.png) [@azleong](https://forum.freecodecamp.org/u/azleong)\
**Post date:** [October 26, 2016, 3:29am UTC](https://forum.freecodecamp.org/t/page-doesnt-fit-the-screen/48847/3 "2016-10-26T03:29:04Z")

</div>

Thanks Isaac - I don’t really understand, which padding am I removing? All the elements in the CSS didn’t affect the 15px of padding. background-size: cover;  
background-position: center;  
height: 800px;  
margin-top: -5%;  
text-align: center;

Is it some Bootstrap element I am removing?

---

<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, 5:30am UTC](https://forum.freecodecamp.org/t/page-doesnt-fit-the-screen/48847/4 "2021-01-16T05:30:58Z")

</div>