#f44336 — Public Fediverse posts

#Vermaistarde

Red

--color-1: #FFEBEE;
--color-2: #FFCDD2;
--color-3: #EF9A9A;
--color-4: #E57373;
--color-5: #EF5350;
--color-6: #F44336;
--color-7: #E53935;
--color-8: #D32F2F;
--color-9: #C62828;
--color-10: #B71C1C;

CSS question: I'm playing with container query units (cqw, cqh, cqmin) but for some reason the values seem to be based on the viewport / body instead of the container.

```
.container {
position: relative;
width: 200px;
height: 100px;
background-color: #FFECB3;
}
.container > div {
position: absolute;
inset: 0 auto auto 0;
width: 100cqw;
height: 100cqh;
outline: 2px solid #F44336;
outline-offset: -2px;
}
```

Codepen: https://codepen.io/rejh/pen/ExzzQVP