Commit b28bea79 authored by Dennis Dominik Schöpf's avatar Dennis Dominik Schöpf
Browse files

Add max code and refine

parent 262af878
......@@ -106,11 +106,11 @@
<span class="blockquote-content"
>Das Store-Konzept von Alex Mayer hat unsere größten Erwartungen
übertroffen.</span
><cite
>Vorstand Müller AG<br />KR Ernst Anker, Dr. Florian
Eisner</cite
>
</blockquote>
<cite
>Vorstand Müller AG<br />KR Ernst Anker, Dr. Florian Eisner</cite
>
<div class="quotation-decoration">
<img src="./assets/quotation_icon.svg" alt="Quotation" />
</div>
......
section#references {
margin-bottom: 4.5rem;
ul {
@include breakpoint(0, 850px) {
ul {
li {
border-radius: $border-radius;
padding-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: center;
&:not(:first-child) {
margin-top: 1.5rem;
}
.image-wrapper {
display: flex;
justify-content: center;
}
blockquote {
padding: 3rem 1.5rem 0 1.5rem;
text-align: center;
font-style: italic;
}
cite {
padding: 1.5rem 1.5rem 4.5rem 1.5rem;
display: flex;
font-size: 90%;
text-align: center;
}
}
li img {
height: 25rem;
width: 30rem;
object-fit: cover;
max-width: calc(100% - 3rem);
}
.tina-ubuntu {
background-color: $accent-color-bright;
}
.tom-herzog {
background-color: $accent-color-reg;
}
.mueller-ag {
background-color: $accent-color-dark;
.quotation-decoration {
display: none;
img {
display: none;
}
}
}
}
}
@include breakpoint(850px) {
......@@ -34,7 +92,8 @@ section#references {
grid-row: 3 / 3;
background-color: $accent-color-bright;
display: flex;
align-items: center;
align-items: flex-end;
padding-bottom: 2rem;
}
cite {
......@@ -116,19 +175,21 @@ section#references {
grid-row: 3 / 4;
background-color: $accent-color-dark;
display: flex;
flex-direction: column;
justify-content: space-between;
cite {
text-align: right;
}
align-items: flex-end;
.blockquote-content {
order: 2;
padding-bottom: 1rem;
}
}
cite {
grid-column: 1 / 5;
grid-row: 3 / 4;
text-align: right;
display: flex;
justify-content: flex-end;
}
.quotation-decoration {
background-color: $primary-color;
grid-row: 1 / 3;
......
Markdown is supported
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