Small preact-based (like React.js) project
https://inga-lovinde.github.io/static/komoot-demo/
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
570 B
37 lines
570 B
10 months ago
|
section.route-planner {
|
||
|
width: 100%;
|
||
|
display: grid;
|
||
|
grid-template-columns: 1fr 2fr;
|
||
|
column-gap: 1rem;
|
||
|
grid-template-areas: "markers map";
|
||
|
}
|
||
|
|
||
|
section.route-planner > section.markers {
|
||
|
grid-area: markers;
|
||
|
}
|
||
|
|
||
|
section.route-planner > section.map {
|
||
|
grid-area: map;
|
||
|
}
|
||
|
|
||
|
section.route-planner .map-container {
|
||
|
width: 500px;
|
||
|
height: 500px;
|
||
|
}
|
||
|
|
||
|
@media (max-width: 639px) {
|
||
|
section.route-planner {
|
||
|
grid-template-columns: 1fr;
|
||
|
row-gap: 1rem;
|
||
|
grid-template-areas:
|
||
|
"markers"
|
||
|
"map";
|
||
|
}
|
||
|
|
||
|
section.route-planner .map-container {
|
||
|
width: 90vw;
|
||
|
height: 70vh;
|
||
|
}
|
||
|
}
|
||
|
|