Band-aid

Highlighted solution (175 characters)

`1`	`<r><r><style>+{display:grid;place-items:center}r{position:fixed;rotate:45deg;width:50;height:200;background:#A3A368}r>r{rotate:90deg;background:#F3AC3C;mix-blend-mode:screen`

I saw the Savvy Saturday Stylers Slaying CSSBattle.dev doing puzzle 32 already, so I thought I should add it since I only started from puzzle 33.

Highlighted solution (162 characters)

`1`	`<r><r><style>+,r{display:grid;place-items:center}r{rotate:45deg;width:50;height:200;background:#A3A368;mix-blend-mode:screen}r>r{rotate:90deg;background:#F3AC3C`

And after Meg challenging me after me saying "I got a character less!", this is my newest solution. I saw that using some undefined element needs display: block to work like regular divs. Otherwise you have to resort to using position: fixed or display: block on those elements. 🤔

< Back to Frontend Friday Folks Index