update in contact boxes

dergoldbroiler · Nov 22, 2023 · 1369866 · 1369866
1 parent ce66566
commit 1369866
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/scss/includes/_content.scss b/scss/includes/_content.scss
@@ -12,7 +12,7 @@ a{
     font-size: 20px;
     padding: 25px;
     grid-template-columns: repeat(3, 1fr );
-    padding-top: 40px;
+    padding-top: 40px;row-gap: 20px;
     @media (max-width: 1100px) {
         grid-template-columns: repeat(2, 1fr );
     }

diff --git a/scss/styles.css b/scss/styles.css
@@ -357,6 +357,7 @@ a:hover {
   padding: 25px;
   grid-template-columns: repeat(3, 1fr);
   padding-top: 40px;
+  row-gap: 20px;
 }
 @media (max-width: 1100px) {
   .posts-grid {

diff --git a/template-parts/shortcodes/contact.php b/template-parts/shortcodes/contact.php
@@ -1,6 +1,6 @@
 
 
-<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-2">
+<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-5">
 <div class="boximage">
     <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/Kontakt_icon.svg" alt="Autohaus Löhr, Fahrzeugzentrum Olpe" class="boxicon my-3" />
 </div>

diff --git a/template-parts/shortcodes/fragen.php b/template-parts/shortcodes/fragen.php
@@ -1,6 +1,6 @@
 
 
-<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-2">
+<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-5">
     <div class="boximage">
         <img src="<?php bloginfo('stylesheet_directory'); ?>/images/icons/agent_icon.svg" alt="Autohaus Löhr, Fahrzeugzentrum Olpe" class="boxicon my-3" />
     </div>

diff --git a/template-parts/shortcodes/socialmedia.php b/template-parts/shortcodes/socialmedia.php
@@ -1,6 +1,6 @@
 
 
-<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-2">
+<div class="single-post bg-white p-5 d-flex flex-column justify-content-start h-100 mb-5">
 <div class="boximage">
         &nbsp;
     </div>