terra
stosowanie <br> to sztywne ustawienie odległości, więc jeśli sąsiedni moduł wydłuży się , albo skróci to odległość przestanie pasować.
<br> to delikatne "oszukanie" wyświetlania. Przy zmiennej wysokości sąsiadujących modułów rozjeżdża się układ i wygląda to faktycznie mało profesjonalnie.
Próbuję - bez efektu
Kod:
body.wrapper-fluid footer>.grid-child{
align-items: start;
}
Próbowałem - bez efektu (miałem padding-right i -left; dodałem align-items: stretch)
Kod:
body.wrapper-fluid footer > .grid-child {
padding-right: 2em;
padding-left: 2em;
align-items: stretch;
}}
Próbuję - wywołuję bottom w klasie modułu, bez efektu
Kod:
.footer .bottom {
margin-top:auto;
}
Kod:
.footer .bottom {
/*margin-top: auto;*/
align-items: stretch;
}
Zamierzony efekt widzę tylko podczas inspekcji, align-items: center. Center zamieniam na stretch, baseline, start - wtedy jest ok, ale do tylko podgląd.
Kod:
.footer .grid-child {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
align-items: center;
justify-content: space-between;
padding: 2.5rem .5em;
}
Póki co - brak pomysłów. Ale i tak dzięki za wskazówki. Zawsze to jakaś nauka.
JB