< Back to Frontend Friday Folks Index

Letter A

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 (472 characters)
1 
<style>
2 
  &{
3 
    background:
4 
      linear-gradient(130deg, #3210 100px, #E38F66 0 140px, #3210 0) 40px 170px / 100% 50px no-repeat,
5 
      linear-gradient(50deg, #3210 100px, #AA445F 0 140px, #3210 0) 89px 170px / 100% 50px no-repeat,
6 
      linear-gradient(110deg, #3210 100.5px, #FEF9CA 0 140.5px, #3210 0) 67px 80px / 100% 140px no-repeat,
7 
      linear-gradient(70deg, #3210 100px, #C5B732 0 140px, #3210 0) 128px 80px / 100% 140px no-repeat,
8 
      #62306D;
9 
  }
10 
</style>
11

Multiple gradients layered on top of each other and set the height correctly.

< Back to Frontend Friday Folks Index