Hi, I just learned about CSS Grid recently, and I would like someone to review my solutions to the Grid Skills Tasks you offer on MDN (these tasks).
My solutions:
Task 1
Task 2
Task 3
Task 4
Thanks so much in advance!
Hi, I just learned about CSS Grid recently, and I would like someone to review my solutions to the Grid Skills Tasks you offer on MDN (these tasks).
My solutions:
Task 1
Task 2
Task 3
Task 4
Thanks so much in advance!
Great work, @moumou80!
All tasks are correct.
For grid-template-columns
in tasks 1 and 4 you could also use repeat(3, 1fr)
.
Generally, I would use auto-fit
and auto-fill
together with a fixed value in the minmax()
. This is great for the use case were you want more columns as soon as the items would become to wide.
I hope that helps
Michael