CSS Battle #60 – Evil Triangles

[Narigo]

Link to battle:

Let's battle! ⚔️

Copy the code block below to format your comment on the discussion thread:

<details>
<summary>Code Source  – <strong>score {character count}</strong></summary>
<!-- have to be followed by an empty line! -->

```html
your cssbattles code here!
```

</details>

What others will see:

This will result in a nice hidden bit like so:

Code Source – score {character count}

your cssbattles code here!

[Narigo]

Code Source – 602.26 {543}

<r>
<div a></div>
<div b></div>
<div a></div>
<div b></div>
<div a></div>
<div b></div>
<div a></div>
<div b></div>
</r>
<style>
  body {
    background:#191919;
    display: grid;
    place-items:center;
  }
  r{
    display: grid;
    place-items:center;
    background: #4F77FF;
    row-gap:50px;
    padding-top:25px;
    grid-template-columns: repeat(4, 50px);
    height: 125px;
  }
  [a],[b] {
    background: #191919;
    height:50px;
    width:50px;
    transform: skewY(45deg);
  }
  [b] {
    transform: skewY(-45deg);
  }
</style>