fix vertical rhythm

4 files changed, 17 insertions, 10 deletions

diff --git a/resources/views/angebote_index.blade.php b/resources/views/angebote_index.blade.php
index 3507fd4..3f22345 100644
--- a/resources/views/angebote_index.blade.php
+++ b/resources/views/angebote_index.blade.php
@@ -32,7 +32,7 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las
 <div class="container">
 <header class="page-header">
 	<div class="card taxonomy-card">
-		<div class="card-body">
+		<div class="card-body" style="padding-left: 0">
 			<h1 class="card-title page-title">Topaktuelle Sonderangebote und Rabattaktionen</h1>
 			<p class="lead my-3">
 				Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner?
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index 0fc9066..ef58be8 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -46,7 +46,7 @@ Startseite
 <!-- Fuselkönig.de -->
 <header class="page-header">
 	<div class="card taxonomy-card">
-		<div class="col-md-12 px-10">
+		<div class="col-md-12 ppx-10" style="padding-left: 0">
 			<div class="card-header">
 <!--
 				<p><strong>
@@ -66,7 +66,7 @@ Startseite
 			</div>
 -->
 		</div>
-		<div class="card-body">
+		<div class="card-body" style="padding-left: 0; padding-right: 0">
 			<div class="col-md-12 col-sm-12">
 				<div class="card">
 					 <div class="row ">
@@ -109,7 +109,7 @@ Startseite
 <!-- Sonderangebote -->
 <header class="page-header">
 	<div class="card taxonomy-card">
-		<div class="col-md-12 px-10">
+		<div class="col-md-12 px-10" style="padding-left: 0">
 			<div class="card-header">
 
 				<a style="color: inherit;" href="{{ route('angebote_index') }}" title="Suchmaschine für Spirituosenangebote">
@@ -186,7 +186,7 @@ Startseite
 	@endforeach
 <!-- end check for empty -->
 @endif
-			<p class="lead my-3" style="padding-left: 20px">
+			<p class="lead my-3" style="padding-left: 0">
 			<a href="{{ route('angebote_index') }}/#erfahremehr">Erfahre mehr&hellip;</a>
 			</p>
 	</div>
@@ -195,14 +195,14 @@ Startseite
 <!-- Cocktailsuche -->
 <header class="page-header">
 	<div class="card taxonomy-card">
-		<div class="col-md-12 px-10">
+		<div class="col-md-12 px-10" style="padding-left: 0">
 			<div class="card-header">
 
 				<a style="color: inherit;" href="{{ route('cocktail_index') }}" title="Suchmaschine für Cocktails">
 				<h2 id="cocktails" class="card-title">Cocktaildatenbank</h2>
 				</a>
 			</div>
-			<div class="card-block card-body px-3">
+			<div class="card-block card-body px-3" style="padding-left: 0; padding-right: 0">
 				<div class="row">
 				<div class="col-md-6 offer-index">
 					<img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2022/01/MaiTai2.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy">
diff --git a/resources/views/layouts/base.blade.php b/resources/views/layouts/base.blade.php
index 8656393..4df6958 100644
--- a/resources/views/layouts/base.blade.php
+++ b/resources/views/layouts/base.blade.php
@@ -30,6 +30,11 @@
 	.ttaxonomy-card {
 		box-shadow: inherit !important;
 	}
+	@media (max-width:768px) {
+		.dp-none {
+			display:none !important
+		}
+	}
 	</style>
 
 
diff --git a/resources/views/snippets/navbar.blade.php b/resources/views/snippets/navbar.blade.php
index 8172eae..fcee0f4 100644
--- a/resources/views/snippets/navbar.blade.php
+++ b/resources/views/snippets/navbar.blade.php
@@ -1,8 +1,9 @@
 	
 	
+<div class="container" style="padding: 0; margin-top: 0.5rem; margin-bottom: 0.5rem">
 <div id="wrapper-navbar" itemscope itemtype="http://schema.org/WebSite">
 		<a class="skip-link sr-only sr-only-focusable" href="#content">Skip to content</a>
-		<nav class="navbar navbar-expand-md">
+		<nav class="navbar navbar-expand-lg">
 					<!-- Your site title as branding in the menu -->
 					<a class="navbar-brand" rel="home" href="{{ env('APP_URL') }}" title="KategorischerAperitif.de vom Fuselkönig" itemprop="url"><img src="https://www.fuselkoenig.de/wp-content/themes/fuselkoenig_de_v2/img/paw_with_glencairn.png" width=60 height=60 alt="logo"> Kategorischer Aperitif</a></a>
 					<!-- end custom logo -->
@@ -36,11 +37,12 @@
 		</nav><!-- .site-navigation -->
 
 	</div><!-- #wrapper-navbar end -->
+</div><!-- #container end -->
 
 	<div class="main-header">
 		<div class="container">
 			<div class="row">
-				<div class="col-sm col-xl-8 align-self-center">
+				<div class="col-sm-8 col-xl-8 align-self-center">
 					<h1 class="dd-none d-lg-inline">
 @php 
 if ( str_contains(Request::route()->getName(), 'angebot') ){
@@ -53,7 +55,7 @@ if ( str_contains(Request::route()->getName(), 'angebot') ){
 @php 
 } else {
 @endphp 
-	<a class="brand-url" rel="home" href="{{ env('APP_URL') }}" title="Kategorischer Aperitif" itemprop="url">Der kategorische Aperitif</a></h1>
+	<a class="brand-url dp-none" rel="home" href="{{ env('APP_URL') }}" title="Kategorischer Aperitif" itemprop="url">Der kategorische Aperitif</a></h1>
 @php 
 }
 @endphp