Hello! Help out with CSS Grid issue

Question

Hello House,

A very happy Sunday to everyone.
I need help with CSS Grid. Trying to layout a calendar and I'm stuck with it right now. Not getting the correct layout.

I've done everything I can and I used grid-template-area and grid-area, as recommended. Is it mandatory to use the nth-child notation when using the grid-template-area and greed-area approach?

Any help is greatly appreciated.

Answer 1

nth-child is not compulsory with grid however it can be used with grid to select childs of grid.

Please post your code here , you might get help. Otherwise it's impossible to answer for anyone.

and yes , thanks , happy sunday o/

Answer 2

If you are using grid-area, it can be paired with the nth-child selector, but it is not mandatory. You can add class to child elements to be more easily to specify the spanning of a particular child.

This is a demo of having and not having grid-area on first-child.

https://code.sololearn.com/WMTibJWVjMY3/?ref=app

You will also need positioning in parent element.

Lastly, as Omkar has said, if you need a tailor answer on your bottleneck, show us your code :

Please show your code here so that we can help you
https://www.sololearn.com/post/75089/?ref=app