CSS Gradient Background is being weird

Question

I am currently having issues with CSS it does this weird repeating thing even though when I worked on it, it was fine before. Then I started tweaking it and now it's just constantly repeating this is the code I did below.

body {
 background-image: linear-gradient(#e66465, #9198e5);
}

This is what turns up when you go to the webpage.

Screenshot

You are required to post a [mcve] here, **within your question**, and [not a link](https://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it) to any third party site. — Rob, Feb 21 '20 at 02:14

score 2 · Accepted Answer · answered Feb 21 '20 at 02:10

2

You need to set height to your html and body so that it doesnt just wrap your existing elements

html, body { height: 100% }

try adding this

answered Feb 21 '20 at 02:10

Gene Sy

1,035
1
8
15

It did work, but now I am stuck with the scrollbar and now has this bracket shape gradient issue. – Feb 21 '20 at 02:17
i dont understand your problem now. – Gene Sy Feb 21 '20 at 02:24
1

maybe your body tag is missing `margin` and `padding` set to 0? – Syfer Feb 21 '20 at 03:24
@Syfer that actually fixed that scrolling issue thanks for helping, both of you. – Feb 21 '20 at 06:15
body { background-image: linear-gradient(#e66465, #9198e5); min-height: 100vh; margin: 0; } works correctly! – Davide Sep 12 '20 at 18:37

CSS Gradient Background is being weird

1 Answers1