Using absolute and relative positioning, pseudo-elements, multiple transform properties, etc... used to be out of my comfort zone and I would always have to Google how to do these things correctly. But after playing CSS Battle for a few months, it is second nature. The solution I used is very similar to approaches I used in previous challenges. I created a base shape with a border, repeated the shape, flipped it and, moved it up and over.
Check out my code