< Back to Frontend Friday Folks Index

Mandala

Highlighted solution (287 characters)
1 
<style>
2 
  &{
3 
    background:
4 
      radial-gradient(1q, transparent 65px, #243D83 0 85px, transparent) 0 0 / 100% 150px,
5 
      radial-gradient(1q, transparent 65px, #243D83 0 85px, transparent) 50px 0px / 150px 100%,
6 
      radial-gradient(1q, #6592CF 100px, #243D83 0)
7 
    ;
8 
  }
9 
</style>
10

This is a puzzle we did the hour before puzzle 95, which I wanted to use as example for different gradients. In here, we used gradients and repeating the pattern to get to the desired result.

< Back to Frontend Friday Folks Index