DEV Community

Discussion on: CSS Challenges #3 | Calendar

Collapse
 
davide profile image
Davide Scarioni

My entry:
codepen.io/Scario/pen/bGGWVWo

I use your JS, but I fix a bug that I found when I switch from december to january and come back and add currDay to add a CSS class for the current day.

Not my best code, but I like the result ;)

Collapse
 
mikister profile image
Milan Radojević

Looking great love the fresh design.

One thing to note is that css grid will place the elements for you, and if you want to make certain elements take up more than one column you can use grid-column property. So you don't need the grid-areas set.

But I liked how it turned out.

Also here's two link I think you might consider useful:

Collapse
 
davide profile image
Davide Scarioni

Thank you! :)
I use grid-areas only because I think it is neater when I use the grid inspector of Firefox, but I understand your point.

I really appreciate your link, I never use both!