✦ AI generated
CJ jokingly declares the winner of this battle the definitive best CSS practitioner ever, raising the stakes of the competition.
CJ: I'm officially claiming this battle uh declares winner forever. So, whoever wins this is the best person of CSS of all time.
One contestant chooses display grid with place-content center to center the main square, noting it as the right play.
CJ: I might regret this, but I'm going to set it to be a flexbox so that it centers everything. Actually, if I do display grid place content center. Yeah, that's that's the play.
One contestant uses a box-shadow strategy — creating one circle and repeating it with box-shadow offsets — to build the pattern efficiently.
Scott: My next thought is I just create one circle and then use box shadow to repeat it. So, I think I'll create the one circle exactly above it and then just repeat that one.
Scott blames his lower score partly on Da Vinci Resolve spontaneously opening on his computer mid-battle, distracting him and consuming mental bandwidth.
Scott: Da Vinci Resolve started opening for no reason. And I didn't like I didn't open it. I didn't do anything. D and then it like popped up. Open cloud project. And then some like other all these pop-ups were flying up on my computer.
Both contestants acknowledge they have forgotten the code-minimization tricks they used to know, contributing to the difficulty.
Scott: It's been a while since we've done this. We forgot all the tricks. I forgot all the tricks.
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.
CJ: 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.
rebuts · 1