diff options
| author | Minteck <contact@minteck.org> | 2022-05-14 18:39:23 +0200 |
|---|---|---|
| committer | Minteck <contact@minteck.org> | 2022-05-14 18:39:23 +0200 |
| commit | 825a95e13bd2e712544a5ba40c739da053d90f1c (patch) | |
| tree | 0d7ae8269eed0378f00cae08d6c8762023aa0157 /assets/css/main.css | |
| parent | 0e2c894c25ffdf9e5c4baa2c4cb2c68d5fe30ea2 (diff) | |
| download | ember-825a95e13bd2e712544a5ba40c739da053d90f1c.tar.gz ember-825a95e13bd2e712544a5ba40c739da053d90f1c.tar.bz2 ember-825a95e13bd2e712544a5ba40c739da053d90f1c.zip | |
Improve about page
Diffstat (limited to 'assets/css/main.css')
| -rw-r--r-- | assets/css/main.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 8b401cf..e36eb3f 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -196,4 +196,47 @@ pre { .table tr:nth-last-child(1) td { border: none !important; +} + +#circles { + display: grid; + grid-template-columns: repeat(8, 1fr); + grid-column-gap: 20px; + width: max-content; + margin-left: auto; + margin-right: auto; +} + +.circle-icon { + background-color: rgba(0, 0, 0, .25); + width: 100px; + height: 100px; + border-radius: 999px; + display: block; + margin: 10px auto; +} + +.circle-text { + text-align: center; +} + +.circle-icon-img { + filter: invert(1); + width: 64px; + height: 64px; + margin: 18px; +} + +@media (max-width: 1200px) { + #circles { + display: grid; + grid-template-columns: repeat(4, 1fr); + } +} + +@media (max-width: 600px) { + #circles { + display: grid; + grid-template-columns: repeat(2, 1fr); + } }
\ No newline at end of file |