when to use subgrid

i want to start another FEM challenge -> https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl when i look at the design, i feel like subgrid is appropriate, but i don't have any experience (yet) using it, and just wanted to check whether that is overkill or not. what do you guys think?
Frontend Mentor
Frontend Mentor | News homepage coding challenge
This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!
11 Replies
denertog
denertog2y ago
also, i feel like subgrid can/will be used for like everything regarding bigger page layouts now
MarkBoots
MarkBoots2y ago
for this layout I don't really see a purpose for subgrid really. I think a single 3x3 grid would be enough
denertog
denertog2y ago
i was thinking the same, yet i still feel subgrid might come in handier because of the way the HTML would be structured?
MarkBoots
MarkBoots2y ago
Ah i get what you mean. so you dont have to put all in 1 container there is a little tick you can do for that when you have the maincontainer display grid; you can give subsections the display of "contents". then the items within will be part of the main grid
denertog
denertog2y ago
wasn't there accessibility problems with display: contents?
MarkBoots
MarkBoots2y ago
not when there are regular elements inside of it. it is only used as a wrapper
denertog
denertog2y ago
nope, never mind yes, just read on MDN
MarkBoots
MarkBoots2y ago
just as ref, a screenshot of my pen because it will be deleted in a few days
denertog
denertog2y ago
it does play a bit funky when trying to get auto-flow: dense working (however that was just some hypothetical testing to get better understanding on how it works)
MarkBoots
MarkBoots2y ago
yea, i think the dense can be tricky sometimes maybe it will be better to control with subgrid. (i just used this because there was no subgrid back then, and is still not fully supported now)
Want results from more Discord servers?
Add your server