back to battles

Battle #234 — Pieces

620.45{312}·100% match
targetJUL 25
Pieces
approach
nested template
conic
radial
margin positioning
view on cssbattle.dev
golf code — would get you fired in a real codebase{312} chars
solution.css
<style>&{background:radial-gradient(1q,#0000 5vw,#074760 0 5ch,#FFB43D 0 60px,#F9F8F4 0 5pc,#0000)0-5ch,conic-gradient(at 5ch 5ch,#0000 75%,#F9F8F4 0)40vw 50vh,conic-gradient(at 5pc 5pc,#1FBCB5 75%,#074760 0)30vw 50vh;*{margin:150 120 70 200;background:radial-gradient(1q at 0 0,#F9F8F4 5vw,#1FBCB5 0 5pc,#F9F8F4