< Back to Frontend Friday Folks Index

Letter N

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 (287 characters)
1 
<style>
2 
body {
3 
  background:
4 
    linear-gradient(70deg,#3210 31px, #FCBE5C 0 71px, #3210 0) 175px 70px / 90px 160px no-repeat,
5 
    conic-gradient(#0B2429, #0B2429) 225px 0px / 40px 230px no-repeat,
6 
    conic-gradient(#0B2429, #0B2429) 135px 70px / 40px 230px no-repeat,
7 
    #998235
8 
  ;
9 
}

conic-gradients in conjunction with background image limitations are useful to draw single color blocks.

< Back to Frontend Friday Folks Index