Commit 50b39d6b authored by Maximilian Schmitt's avatar Maximilian Schmitt
Browse files

Mobile View bei Referenzen angepasst

parent 96ae874f
......@@ -93,7 +93,7 @@
Alex' Redesign hat maßgeblich mitgeholfen, unseren Umsatz um 20%
in die Höhe zu treiben!
</blockquote>
<cite>Tina Ubuntu, CEO Headless Ltd.</cite>
<cite>Tina Ubuntu, <br> CEO Headless Ltd.</cite>
</li>
<li class="tom-herzog">
<div class="image-wrapper">
......@@ -105,7 +105,7 @@
<blockquote>
Große Webkunst - Keine Kunst mit Alex Mayer!
</blockquote>
<cite>Tom Herzog, Cutter's Finest</cite>
<cite>Tom Herzog, <br> Cutter's Finest</cite>
<div class="fill-item"></div>
</li>
<li class="mueller-ag">
......
......@@ -4,43 +4,39 @@ section#references {
@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 {
padding-top: 1.5rem;
padding-bottom: 1rem;
display: flex;
justify-content: center;
order: 1;
}
blockquote {
padding: 3rem 1.5rem 0 1.5rem;
text-align: center;
font-style: italic;
padding-left: 2.5rem;
padding-bottom: 4rem;
text-align: left;
order: 3;
font-size: 100%;
}
cite {
padding: 1.5rem 1.5rem 4.5rem 1.5rem;
padding-left: 2.5rem;
display: flex;
font-size: 90%;
text-align: center;
font-size: 80%;
text-align: left;
order: 2;
}
}
li img {
height: 25rem;
width: 30rem;
height: 40rem;
width: 40rem;
object-fit: cover;
max-width: calc(100% - 3rem);
max-width: calc(100% - 4rem);
}
.tina-ubuntu {
......@@ -56,8 +52,16 @@ section#references {
.quotation-decoration {
background-color: $primary-color;
width: 100%;
order: 4;
img {
height: 50%;
width: 50%;
object-fit:contain;
}
}
}
}
}
......
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