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
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.
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