< 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