0

I have been trying to stop my linear gradient from repeating itself, my code seems right but i'm missing something. For some reason it keeps repeating itself even with the no-repeat tag. I appreciate you taking a look!

I have tried to add the html tag to the css, added background-size:cover,...

body,
html {
  font-size: 95%;
  text-align: center;
  background: linear-gradient(360deg, #1C1C1C 10%, #494949 360%), no-repeat;
  background-size: cover;
}
Temani Afif
  • 245,468
  • 26
  • 309
  • 415
Jelly1738
  • 7
  • 4

1 Answers1

0

html {
  font-size: 95%;
  text-align: center;
  background: linear-gradient(360deg, #1C1C1C 10%, #494949 360%) no-repeat;
  background-size: cover;
  height:100%;
}
<body>
  <h1>test</h1>
</body>

There was extra , right before no-repeat remove the , and try now.

body ,html{
        font-size: 95%;
        text-align: center;
        background: linear-gradient(360deg, #1C1C1C 10%, #494949 360%) no-repeat;
        background-size: cover;

    }
Sumit Patel
  • 4,530
  • 1
  • 10
  • 28