Commit cf34b4fd authored by Sandro Lutz's avatar Sandro Lutz
Browse files

Make page `legal notice` responsive

parent 8e650606
......@@ -14,10 +14,10 @@ export default class LegalNotice {
m('a.email', { href: 'mailto:info@amiv.ethz.ch' }, 'info@amiv.ethz.ch'),
m('a.phone', { href: 'tel:+41446324245' }, '+41 (0)44 / 632 42 45'),
]),
m('h2', i18n('legal-notice.disclaimer')),
m('p', i18n('legal-notice.disclaimer-text')),
m('h2', i18n('legal-notice.copyrights')),
m('p', i18n('legal-notice.copyrights-text')),
m('h2.disclaimer', i18n('legal-notice.disclaimer')),
m('p.disclaimer', i18n('legal-notice.disclaimer-text')),
m('h2.copyrights', i18n('legal-notice.copyrights')),
m('p.copyrights', i18n('legal-notice.copyrights-text')),
]);
}
}
.legal-notice {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 30px;
align-content: center;
text-align: center;
margin-bottom: 3em;
h1 {
grid-column: ~'1 / 7';
grid-row-start: 1;
}
h2 {
margin: 0;
}
p {
text-align: justify;
margin: 0;
}
h2.disclaimer {
grid-column: ~'1 / 4';
grid-row-start: 3;
@media @mobile {
grid-column: ~'1 / 7';
}
}
p.disclaimer {
grid-column: ~'1 / 4';
grid-row-start: 4;
@media @mobile {
grid-column: ~'1 / 7';
}
}
h2.copyrights {
grid-column: ~'4 / 7';
grid-row-start: 3;
@media @mobile {
grid-column: ~'1 / 7';
grid-row-start: 5;
}
}
p.copyrights {
grid-column: ~'4 / 7';
grid-row-start: 4;
@media @mobile {
grid-column: ~'1 / 7';
grid-row-start: 6;
}
}
.contact {
margin: 3em auto 0;
grid-column: ~'1 / 7';
grid-row-start: 2;
margin-bottom: 1em;
> * {
display: block;
......@@ -17,8 +75,4 @@
margin-top: 1em;
}
}
h2 {
margin-top: 3em;
}
}
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment