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

Finishing touches

parent 4ae72c91
......@@ -35,9 +35,9 @@
<section id="news">
<h2>News</h2>
<ul>
<li><a href="/">365 Postkarten</a>- Eine Liebeserklärung für jeden Tag!<a href="/">[mehr erfahren]</a></li>
<li><a href="/">Award Nominierung</a>- Tolle News: Ich bin bei der Endauswahl 2020!<a href="/">[mehr erfahren]</a></li>
<li><a href="/">CMYK erklärt</a>- Der neueste <a href="/">Blog</a>-Eintrag<a href="/">[mehr erfahren]</a></li>
<li><a href="/">365 Postkarten</a> - Eine Liebeserklärung für jeden Tag! <a href="/">[mehr erfahren]</a></li>
<li><a href="/">Award Nominierung</a> - Tolle News: Ich bin bei der Endauswahl 2020! <a href="/">[mehr erfahren]</a></li>
<li><a href="/">CMYK erklärt</a> - Der neueste <a href="/">Blog</a>-Eintrag <a href="/">[mehr erfahren]</a></li>
</ul>
</section>
<section id="references">
......
......@@ -37,7 +37,7 @@ h4 {
}
h5 {
font-size: 2rem;
font-size: 2.2rem;
color: $bright-color;
margin-bottom: 1rem;
}
......
......@@ -21,6 +21,7 @@ footer {
&:first-child::after {
content: '|';
margin: 0 0.6rem;
}
}
}
......
......@@ -7,7 +7,6 @@ header {
h1 {
width: 50%;
padding: 1rem;
margin-right: 3.5rem;
}
ul {
......@@ -37,13 +36,14 @@ header {
background-image: url('../assets/hero.jpg');
background-size: cover;
width: 100%;
height: 38rem;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 6rem 0;
article {
width: 50%;
padding-right: 2.5rem;
h2 {
font-size: $font-size-xxl;
......@@ -59,7 +59,7 @@ header {
}
button {
font-family: monospace;
font-family: $font-reg;
font-size: $font-size-xl;
background-color: $secondary-color;
color: $bright-color;
......
......@@ -116,6 +116,7 @@ section#references {
background-color: $accent-color-dark;
display: flex;
flex-direction: column;
justify-content: space-between;
cite {
text-align: right;
......@@ -123,6 +124,7 @@ section#references {
.blockquote-content {
order: 2;
padding-bottom: 1rem;
}
}
......
......@@ -16,15 +16,16 @@ section#services {
flex-direction: column;
align-items: center;
text-decoration: none;
padding: 3rem 0;
padding: 4.5rem 0;
border-radius: $border-radius;
h3 {
font-size: $font-size-l;
margin-bottom: 2.5rem;
}
img {
height: 24rem;
height: 22rem;
width: auto;
}
}
......
......@@ -8,14 +8,14 @@ $accent-color-dark: #d8e9d3;
$accent-color-important: #f7dacf;
$font-reg: 'Roboto Slab', serif;
$font-size-m: 1.8rem;
$font-size-l: 2.2rem;
$font-size-m: 2rem;
$font-size-l: 2.4rem;
$font-size-xl: 3.6rem;
$font-size-xxl: 4.8rem;
$font-size-xxl: 5.6rem;
$line-height-m: 2.2rem;
$line-height-l: 2.8rem;
$line-height-xl: 4.2rem;
$line-height-xxl: 6.6rem;
$line-height-xxl: 8.4rem;
$border-radius: 0.6rem;
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