Actually, what she did there was unnecessary. Instead of: .card-grid:has(> :last-child:nth-child(odd)) > :first-child { grid-column: span 2; } Could have written like this without using the :has() selector: .card-grid > li:first-child:nth-last-child(odd) { grid-column: span 2; } This would be simpler and more performant.
Great talk. Thanks for putting these online, looking forward to my next #btconf 🚀
Mind blown starting at 35:45
Actually, what she did there was unnecessary. Instead of:
.card-grid:has(> :last-child:nth-child(odd)) > :first-child {
grid-column: span 2;
}
Could have written like this without using the :has() selector:
.card-grid > li:first-child:nth-last-child(odd) {
grid-column: span 2;
}
This would be simpler and more performant.
Guys we use page builder like elementor at work so rarely get practice these cool layout methods, hoping to do so in my own projects
How come the audio is so absurdly good on this video?
It was good while recording and I added a bit of post production to it. But really not too much, to be honest.
@@btconf Don’t yout think it’s a little off to the left side?
@@EmmGee23 are you on a mission here? 😁 (You added comments on audio on three videos aleeady)
gap shoud be enabled for all elements not just flex or grid, it would be super useful