< Back to Frontend Friday Folks Index

Chevron

Visit the official puzzle page (affiliate link!) to play it yourself. If you buy a course from CSSBattle through my affiliate link, I receive a share of it!

Highlighted solution (254 characters)
1
<div><div><div><style>body{background:#F3AC3C;transform:translate(-38q,-116q)rotate(-135deg)}div{background:#254241;width:80;height:80;border-radius:50%50%0;transform:rotate(180deg);transform-origin:95q 95q;div>div{transform:translate(7q,-7q)rotate(90deg

As divs are closing themselves at the end, they nest the other elements which was the trick, if I remember correctly.

< Back to Frontend Friday Folks Index