From 5e15e5365003268c62c430c0d17a66e078ca5491 Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Thu, 22 Apr 2021 16:23:03 +0200
Subject: [PATCH] modif images avec texte a droite ou en dessous et dorpdown
 responsibe menu hover mais pas burger

---
 styles/images.css   |  4 ++--
 styles/skeleton.css | 20 +++++++++++++++++++-
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/styles/images.css b/styles/images.css
index 29b4a15..b1c8009 100644
--- a/styles/images.css
+++ b/styles/images.css
@@ -72,10 +72,10 @@
 .image img {
 	height: 400px;
 	width: auto;
-	margin-right: 0px;
+	margin-right: calc(var(--gap-unit) * 2 );
 }
 .image h1, .image h2, .image h3, .image p {
-	margin-left: calc(var(--gap-unit) * 2 );
+	min-width: 280px;
 }
 /*images in full page*/
 .image.full img {
diff --git a/styles/skeleton.css b/styles/skeleton.css
index d74ea0a..ec8add4 100644
--- a/styles/skeleton.css
+++ b/styles/skeleton.css
@@ -122,7 +122,8 @@ footer iframe {
 		height: auto;
 	}
 	.navbar .nav_right {
-		margin: 20px 0px;
+		margin: 20px 0px 20px 27px;
+		width: 150px;
 	}
 	/*burger menu*/
 	nav.navbar::before {
@@ -145,11 +146,28 @@ footer iframe {
 		height: 2px;
 		border-top: 2px solid lightgrey;
 		pointer-events: none;
+		display: none;
+	}
+	nav.navbar:hover .nav_right {
+		display: none;
+	}
+	nav.navbar:hover .nav_left a {
+		display: none;
+	}
+	nav.navbar:hover .nav_left a#nav_logo {
+		display: flex;
+		margin-bottom: 0px;
 	}
 	/*MAIN*/
 	main {
 		max-width: 90%;
 	}
+	main .image {
+		flex-wrap: wrap;
+	}
+	main .image img {
+		margin-bottom: 20px;
+	}
 }