chrosey/urlaub-friedrichroda
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[TASK] Überschriften und Startbild angepasst

Browse Source 
fixes #11
 fixes #7
This commit is contained in:
Christian Seyfferth 2020-04-26 17:17:20 +02:00
parent 776ae35c61
commit 84db669698
3 changed files with 43 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/index.html
View File

@ -60,7 +60,7 @@
</div>
</div>
<section id="willkommen" class="container">
<div class="row">
<div class="row margin-bottom-0">
<div class="col s12">
</div>
<div class="col s12 center">
@ -101,7 +101,7 @@
</div>
</div>
<section id="wohnung" class="container">
<div class="row">
<div class="row margin-bottom-0">
<div class="col s12 center">
<h2 class="light-green-text">Ferienwohnung</h2>
</div>
@ -205,7 +205,7 @@
</div>
</div>
<section id="buchung" class="container">
<div class="row">
<div class="row margin-bottom-0">
<div class="col s12 center">
<h2 class=" light-green-text">Buchung und Anreise</h2>
</div>
@ -239,7 +239,7 @@
</p>
</div>
<div class="col s12 m4 l3">
<div class="row">
<div class="row margin-bottom-0">
<div class="col s12">
<h3 class="heading-5 light-green-text text-darken-3">Kontakt</h3>
<p>

24
src/scss/style.scss
View File

@ -24,6 +24,10 @@
height: 90vh;
}
.margin-bottom-0 {
margin-bottom: 0;
}
.heading-2 {
font-size: 3.56rem;
line-height: 110%;
@ -91,6 +95,26 @@ a:not([href^='#']) {
font-size: 2.82rem;
}
#logo-container img {
height: 56px;
}
}
@media only screen and (max-width:360px) {
#willkommen-banner {
height: calc(100vh - 56px);
max-height: 300px;
.parallax img {
max-width: 130%;
}
}
.heading-2,
h2 {
font-size: 2.12rem;
}
#logo-container img {
height: 56px;
}

15
src/style.css
View File

@ -12,6 +12,9 @@
#footer-banner {
height: 90vh; }
.margin-bottom-0 {
margin-bottom: 0; }
.heading-2 {
font-size: 3.56rem;
line-height: 110%;
@ -64,3 +67,15 @@ a:not([href^='#']) {
font-size: 2.82rem; }
#logo-container img {
height: 56px; } }
@media only screen and (max-width: 360px) {
#willkommen-banner {
height: calc(100vh - 56px);
max-height: 300px; }
#willkommen-banner .parallax img {
max-width: 130%; }
.heading-2,
h2 {
font-size: 2.12rem; }
#logo-container img {
height: 56px; } }