Grid within grid

HTML-CSS
1

/* Only change code below this line */

.NestedGridElement{

.display: grid;              grid-template-columns: (auto, 1fr;)}

/* Only change code above this line */

}

I am having no success with htis challenge, any help out there?

2

remove that ( . ) before display: grid;

3 
item3

class should have a grid-template-columns property with auto and
1fr as values.

This is the error message after removing period

4

You should write it like this:-

grid-template-columns: auto 1fr;