Fix the name of a bus stop (and related CSS).
The CSS was fixed in order to avoid horizontal overflow for certain ranges of page width.
This commit is contained in:
parent
774061ae45
commit
8a296ae718
2 changed files with 5 additions and 8 deletions
|
@ -484,17 +484,14 @@ section.orange .button:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 580px) {
|
@media only screen and (max-width: 580px) {
|
||||||
#public-transport-info {
|
|
||||||
line-height: 32px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 480px) {
|
|
||||||
#mailing-address {
|
#mailing-address {
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#public-transport-info {
|
#public-transport-info {
|
||||||
|
grid-template-columns: 4fr 6fr;
|
||||||
|
|
||||||
|
line-height: 32px;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -504,7 +501,7 @@ section.orange .button:hover {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 320px) {
|
@media only screen and (max-width: 380px) {
|
||||||
#public-transport-info img {
|
#public-transport-info img {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
|
@ -83,7 +83,7 @@
|
||||||
<div id="transport-bus-1-icon">
|
<div id="transport-bus-1-icon">
|
||||||
<img src="img/icons/ratp/bus-24.svg" alt="Bus 24">
|
<img src="img/icons/ratp/bus-24.svg" alt="Bus 24">
|
||||||
</div>
|
</div>
|
||||||
<span id="transport-bus-1-stop">Panthéon</span>
|
<span id="transport-bus-1-stop">École Normale Supérieure</span>
|
||||||
|
|
||||||
<div id="transport-bus-2-icon">
|
<div id="transport-bus-2-icon">
|
||||||
<img src="img/icons/ratp/bus-21.svg" alt="Bus 21">
|
<img src="img/icons/ratp/bus-21.svg" alt="Bus 21">
|
||||||
|
|
Loading…
Add table
Reference in a new issue