mirror of
https://github.com/freeCodeCamp/freeCodeCamp.git
synced 2026-05-13 06:04:13 -04:00
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user