Mycss

[embarki34]

• {
  margin: 0;
  padding: 0;

}

.main {
width: 100%;
background: Linear-gradinebt(to top, rgba(0, 0, 0, 0)50%, rgba(0, 0, 0, 0)50%),url(https://i.postimg.cc/7L3tSM73/1-AC9432-B-102-D-4752-9-A3-C-86-A6914-BAE8-E.jpg);
background-position: center;
background-size: cover;
height: 109vh;

}

[Jyotiraditya24]

Could you please elaborate the issue

[umeshparida84]

There is a typo in the background property. The correct property should be Linear-gradient instead of Linear-gradinebt. Also, there is a missing comma after the first rgba(0, 0, 0, 0).I think With these changes, the CSS should work correctly and display the background image with the specified gradient overlay.

Here the correct code:-
{
margin: 0;
padding: 0;
}

.main {
width: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%), url(https://i.postimg.cc/7L3tSM73/1-AC9432-B-102-D-4752-9-A3-C-86-A6914-BAE8-E.jpg);
background-position: center;
background-size: cover;
height: 109vh;
}