# Won't accept -ms-

**URL:** <https://forum.pinegrow.com/t/wont-accept-ms/6433>\
**Category:** Beginners\
**Created:** [March 29, 2022, 1:44am UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433 "2022-03-29T01:44:30Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [March 29, 2022, 1:44am UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/1 "2022-03-29T01:44:30Z")

</div>

1. Why won’t my VSC problem, debug console accept `-ms-grid-rows` & `ms-grid-columns` below?

```auto
    grid-template-rows: auto 1fr;
    -ms-grid-rows: auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    -ms-grid-columns: 1fr auto 1fr;

```

1. Why am I getting lots of { expected css(css-lcurlyexpectied)  
for various css items like`grid-template-areas: 'intro' 'menu';` and `justify-items: center;`?

2. Is there a url to find what -ms to use for `grid-area: gallery2;` and other grid items like `padding-top: 1rem;`?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 29, 2022, 9:31am UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/2 "2022-03-29T09:31:37Z")

</div>

Hi @kat,  
It is a little hard to troubleshoot something like this. I’m not sure how your VSC is set up - are you using a plugin for the rule checking? Are you differentiating warnings versus errors?

1. For my VCS, I would get the first and third declarations underlined with a warning to include the prefixed version. Since they are there, you can ignore the warning.
2. I haven’t seen this error. Perhaps a screenshot of the code (for some context) and the error?
3. I think you are asking for a resource to understand what needs to be prefixed? [CanIUse](https://caniuse.com/) is pretty good for edge cases, but I think you will be doing a lot of lookups! This is about the best [article](https://css-tricks.com/is-vendor-prefixing-dead/) I could find with a Google lookup.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [March 29, 2022, 2:53pm UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/3 "2022-03-29T14:53:37Z")

</div>

1. You’re right. I have 59 errors AND warnings. Possibly uninstall MS Edge Tools for VSC and use something else?

2. Lots of { expected css(css-lcurlyexpected)  

 ![Screen Shot 2022-03-29 at 7.37.44 AM](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/61821e0956f0bd39333895a98f9657b67726273d.png)

1. [quote=“RobM, post:2, topic:6433”]  
[article](https://css-tricks.com/is-vendor-prefixing-dead/)  
[/quote] Seems grid and flexbox are mostly supported.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 29, 2022, 6:19pm UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/4 "2022-03-29T18:19:21Z")

</div>

Hi @kat,

1. You can take a look if there is a better CSS linter, not really sure if the one you are using is so bad. You just have to see if your warnings are addressed. Any errors likely need attention.
2. I can’t quite tell what is going on from the screenshot, but some thoughts. The coloring of the declarations is there for a reason. Notice that `grid-template-columns` is a different color than the other declarations. That indicates it is invalid for some reason. In this case it is because the declaration before it is lacking a semicolon at the end. Additionally, when I see a whole series of declarations that are invalid, it usually makes me feel like the an earlier part of my code is malformed, leading to “down-stream” errors. The only other thing you should look out for is the use of backticks vs single quotes vs double quotes. Backticks will throw errors many times.  
Good Luck,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [March 29, 2022, 8:12pm UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/5 "2022-03-29T20:12:13Z")

</div>

```auto
.menu-grid .container {
    background-color: #252525;
    display: grid;
    display: -ms-grid;
    align-items: start;
    margin-top: 1rem;
    padding-top: 1rem;
    **grid-template-rows: auto 1fr;**
    -ms-grid-rows: auto 1fr;
    **grid-template-columns: 1fr auto 1fr;**
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-areas: 'gallery1 intro gallery2' 
    'gallery1 menu gallery2';
    max-width: 1100px;
    margin: auto;
}

```

I’m at 13 errors for grid-template-columns & grid-template-rows. I’ve added -ms-grid-columns & -ms-grid-rows which doesn’t remove errors.

The final, 14th error is } expected

```auto
 .social-icon .fa-4x.fa-mail-bulk:hover {
        color: #876c70;
    **}**

```

I uninstalled MS Edge Tools, but errors remained, so I reinstalled. Oh well.

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 29, 2022, 8:56pm UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/6 "2022-03-29T20:56:18Z")

</div>

Hi @kat,  
It looks like to me that the only errors and warnings are either caused by the asterisks in your CSS, the order of your declarations, or can be ignored.  
In the end, the best test is to try your page on different browsers to see if it actually works as expected.  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![kat](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/kat/32/2221_2.png) [@kat](https://forum.pinegrow.com/u/kat)\
**Post date:** [March 29, 2022, 10:04pm UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/7 "2022-03-29T22:04:04Z")

</div>

> [@RobM](#):
>
> the order of your declarations

Things have to be in order? How do I find out more?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 29, 2022, 10:21pm UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/8 "2022-03-29T22:21:10Z")

</div>

Hi @kat,  
Basically you want the non-prefixed version last. There are some exceptions, but that is a pretty good rule. The order of the prefixes doesn’t really matter.  
Bob

---

<div class="post-metadata">

**Author:** ![nebula](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/nebula/32/3567_2.png) [@nebula](https://forum.pinegrow.com/u/nebula)\
**Post date:** [April 1, 2022, 3:19am UTC](https://forum.pinegrow.com/t/wont-accept-ms/6433/9 "2022-04-01T03:19:55Z")

</div>

Generally speaking, if multiple different CSS declarations of the same specificity affect the same property of the same HTML element, the last such declaration in the stylesheet overrides all of the preceding ones.