Protfolio Webpage

Hi all, I’ve finished my Portfolio (hope you likie it) but at the bottom there is a spereation between the two div backgrounds (black and blue) I cant seem to join them together. Any help would be appreciated, thanks all

Your project link(s)

solution: https://codepen.io/KegStar/pen/yLVqeRm

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:86.0) Gecko/20100101 Firefox/86.0.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

The white gap comes from the <h2>, the browser gives it a default margin. To get rid of it:

.kev1 h2 {
  margin-top:0;
}

You also have a horizontal scrollbar because you’ve given one of your elements a width of 100vw. If you change that to 100%, the page doesn’t overflow to the right.

Thank u very much. I appreciate the help.

Your page looks good @KevinRJSmith. Some things to revisit;

  • links to fonts go in the box labeled ‘Stuff for <head>’
  • Keep all your styling external. Do not use in-line styling.
    • Also, the style tags would be in the head element and would include a link to the font. You only import when calling from the CSS stylesheet.
  • Run your HTML code through the W3C validator.
    • There are HTML coding errors you should be aware of and address.
    • Since copy/paste from codepen you can ignore the first warning and first two errors.
  • Codepen provides validators for HTML, CSS and JS. Click on the chevron in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).
    • (The one for HTML misses things which is why I recommend W3C)

In case you didn’t know;

  • Codepen creates large and small screen shots of your pens that can be used in your portfolio. Access them from;
    https://codepen.io/userName/pen/slug/image/large.png (for the large screenshot)
    or
    https://codepen.io/userName/pen/slug/image/small.png (for the small screenshot)
    • where you replace userName with your codepen userId and slug with the id of one of your codepen pens and then copy that link into your portfolio
1 Like

Thank, u, very much. I’ll looking it. I appreciate your input

1 Like