Why there is a little margin on the right part that is not colored?

HTML-CSS
1

In my case, i´m building my personal portfolio page, it´s one of the challenges after finishing JQuery, but i have one problem, why there is a little margin on the right that is not the pink color?

Here´s is the codepen.io link: https://codepen.io/MaxVedis/full/PRXVOg/

Thanks :slight_smile:

2

You are using a “col” in a “row”, try do add:

.col-xs-12{
   padding:0;
}

Try to not use bootstrap, for now, I know that FCC pushes it but learning full HTML/CSS first improve your knowledge about those kinds of things, and more control. After this jump to the frameworks.

2 Likes
3

Add this too:

.row{
  margin:0;
  padding:0;
}
4

I don’t really like the colour scheme. :eyeglasses:

1 Like
5

Thanks men! It worked. Ok i will try not using bootstrap for now, thanks for the advice :slight_smile:

1 Like
6

And, i have another question. How can i make that when i click at “about” or “portfolio” or “contact” it scrolls to that part? I haven´t done those parts yet but is to know it.
Thanks.

7

To make link jump to section give your section name with ex.

<a name="about">About</a>

or

<div id="about">About</div>

,
and insert <a href="#about"> to the link it will scroll to the specific section.
:slightly_smiling_face:

1 Like