< Back to Frontend Friday Folks Index

Letter B

Highlighted solution (468 characters)
1 
<div></div>
2 
<style>
3 
  body {
4 
    background: #6592CF;
5 
    display: grid;
6 
    place-items: center;
7 
  }
8 
  div {
9 
    width: 200px;
10 
    height: 200px;
11 
  }
12 
  div::after,div::before {
13 
    position: absolute;
14 
    content: '';
15 
    height: 100px;
16 
    width: 100px;
17 
  }
18 
  div::before {
19 
    border: 50px solid #243D83;
20 
    border-radius: 0 100px 100px 100px;
21 
  }
22 
  div::after {
23 
    background: linear-gradient(to right, #243D83 50px, #6592CF 0 100px, #243D83 50px);
24 
  }
25 
</style>
26
Something with linear-gradients again!
< Back to Frontend Friday Folks Index