Css lcurly are expected error- what to do?

Hi, I’m not understanding the error I did as it is saying that there are problems, and css lcurly are expected in addition to that the background in my live server is not appearing from the css

You have put the semicolon instead of the colon after the three last properties in .main class:

.main {
  property: value; ---------------------- take a look at what you typed in after your properties!
}

when I do it says colon expected,

This is what it does and still have the issue of lcurly are expected

For the css code like this:

.main {
  width: 100%;
  height: 109vw;
  background-size: cover;
  background-position: center;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5)50%, rgba(0, 0, 0, 0.5)50%), url(https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg);
}

You will get something like this:

ONLY, If the ‘main’ selector is a class in your html code:

<main class="main">
  
</main>

I tried all possibilities but I am still finding errors in it

The result that you got it is exactly what I was you looking for but I’m not getting it

Unfortunately, you forgot to type in the closing ‘body’ tag. Without it, this code won’t work.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.