feat: add grid map (#44557)

* feat: add map grid

* fix: lint/prettier/ts

Co-authored-by: Tom <20648924+moT01@users.noreply.github.com>
Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
This commit is contained in:
Ahmad Abdolsaheb
2021-12-23 19:29:52 +03:00
committed by GitHub
parent f540c839ed
commit cb201a8e8b
6 changed files with 163 additions and 107 deletions

View File

@@ -229,6 +229,21 @@ button.map-title {
padding: 10px 15px;
}
.map-challenges-grid {
display: flex;
flex-wrap: wrap;
}
.map-challenge-title-grid {
flex: 0 1 60px;
}
.map-challenges-grid .map-project-wrap {
flex: 1 1 100px;
}
.map-challenge-title-grid a.map-grid-item {
margin: 5px 0px;
justify-content: center;
}
.block-description {
padding: 18px 0;
}
@@ -237,6 +252,10 @@ button.map-title {
margin-bottom: 0;
}
.challenge-completed {
background: var(--highlight-background);
}
@media screen and (max-width: 500px) {
.super-block-intro-page p {
font-size: 1rem;