ATRIUMsearch → argument graph
MechanismVideo · 2:18 — 2:30

Using box-shadow on a single circle element is the best strategy to replicate it across the canvas in a CSS battle.

One contestant uses a box-shadow strategy — creating one circle and repeating it with box-shadow offsets — to build the pattern efficiently. ✦ AI generated

Scott · Syntax · 2026-07-24 · original ↗

starts at this moment · 2:18

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.

verbatim transcript · starts at 2:18

Transcript · around this moment

2:04Okay. I mean it's pretty close. Let's do the diff view here. Um um um man I've forgotten like all of my all of my tips here. 75. Um I don't think the widths on these is even correct. >> That is spoton perfect. I'm going to go ahead and submit. see what our score is. But that's looking good. So, we got that little square in the middle. My next

2:28thought 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. So, uh let's add another P tag. And I'm actually going to give these some attributes. So, I'll call this A and I'll call this one B. And that way this first one is only targeting A. And then we'll target B. I'm going to

2:54copy the things for now. We'll make it that blue color. I'm going to set everything. I was going to say position absolute, but I think B needs to be position absolute. Absolute. We'll do a top of uh I don't know, a left of 150, something like that. Uh we'll also set the border radius 100%. I'm I forget all the tricks to make the code small. But uh we'll we'll just get this going and

Related moments