Using position fixed for elements yields better alignment in CSS battle layouts than grid or flexbox.
After the battle, CJ speculates that his choice of position fixed for all elements may have given him better alignment than Scott's grid approach. ✦ AI generated
CJ · Syntax · 2026-07-24 · original ↗
starts at this moment · 12:13
I'm guessing maybe it's because I did grid place content center for that square in the middle. Like I almost feel like I should have absolutely positioned everything. I position fixed everything because of that.
verbatim transcript · starts at 12:13
11:57did box shadow with three elements. So, one element for the center square, one element for the circle. I just made a circle exactly above it and then box shadow repeated it. But if you look at my diff, I don't know if there's anything I could have done here because it is just like the the edges of the elements. >> I'm I'm guessing maybe it's because I did grid place content center for that
12:19square in the middle. Like I almost feel like I should have absolutely positioned everything. >> I position fixed everything because of that. Yeah, but yeah, good battle. I apparently am the best CSSER ever. Until [music] next time.