repeating-linear-gradient background at the top is moved

Question

Recently I was trying my best to make a simplistic stripped background for my website, when making the stripes using the repeating-linear-gradient text in css I found that at the top of the page their was a slight issue. It has one 'block' moved to the side. I dont know if its due to my monitor or it's an actual issue but I would appreciate any help possible, Code Found below.

background: repeating-linear-gradient(
to right,
#141517,
#141517 30px,
#1d1f21 30px,
#1d1f21 40px );

Your's, David.

Answer 1

The issue was due to a non needed

element I simply removed it to fix the issue.

The element looked like this.

    <p class="made-by"></p>