Help with CSS error

I checked my website using CSS Validator (W3) and I received some error messages. What should I fix? Please let me know. Thank you.

.main-logo {
  display:flex;
  align-items:center;
  flex-shrink:0;
  height:var(--header);
  overflow:hidden
}
.main-logo img {
  display:block:
  center;
max-height:5rem
} 

Error message:

(property {block} doesn't exist : {center})

You have this in your code, which is invalid:

display:block:
  center;

It should be something like this:

display:block;
text-align: center;
2 Likes

Just for the record, that’s a CSS error, not an HTML/Javascript error. I’ve changed your title accordingly.

1 Like

thank you so much for your help

1 Like

Oh, right, I apologize for forgetting to mention that I wanted to make a change. Thank you very much.

2 Likes

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