From f55a6591305c771ae0a2fe96e2aa0fc2a31824e1 Mon Sep 17 00:00:00 2001
From: nevfy <yaver4.0.0.0@gmail.com>
Date: Tue, 9 Apr 2024 23:00:00 +0300
Subject: [PATCH] fix: width and height

---
 assets/scss/_styles_project.scss        | 21 +++++++++------------
 content/en/_index.html                  | 12 ++++++------
 layouts/shortcodes/landing-feature.html | 12 ++++++------
 3 files changed, 21 insertions(+), 24 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index d6ed406..84c0d5f 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -91,7 +91,7 @@
 }
 
 .sp-supported-by-img {
-  max-height: 5rem;
+  max-width: 15rem;
   margin: 1rem;
 }
 
@@ -102,9 +102,6 @@
   column-gap: 5vw;
   flex-wrap: wrap;
   margin-top: 2rem;
-  & > a > img {
-    max-width: 15vw;
-  }
 }
 
 a.nav-link.sp-coming-soon {
@@ -135,11 +132,16 @@ body {
   row-gap: 0px;
 }
 
+.sp-advantages-header {
+  position: sticky;
+  top: 10vh;
+  margin-bottom: 5rem;
+}
+
 .sp-feature {
   position: sticky;
-  top: 20vh;
-  min-height: 80vh;
-  align-items: center;
+  top: 0;
+  min-height: 100vh;
 }
 
 .sp-feature-green {
@@ -152,11 +154,6 @@ body {
   background-color: #ebe0e8 !important;
 }
 
-.sp-advantages-header {
-  position: sticky;
-  top: 14vh;
-}
-
 .container-fluid {
   padding-left: 0 !important;
   padding-right: 0 !important;
diff --git a/content/en/_index.html b/content/en/_index.html
index 69e2bfe..c7b01ec 100644
--- a/content/en/_index.html
+++ b/content/en/_index.html
@@ -5,7 +5,7 @@ linkTitle = "SelfPrivacy"
 +++
 
 {{< blocks/section color="dark" type="section" >}}
-	<div class="row d-flex justify-content-center">
+	<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
 		<div class="col-xs-12 col-md-4">
 			<div class="container rounded">
 				<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
@@ -66,11 +66,11 @@ linkTitle = "SelfPrivacy"
 {{< /blocks/section >}}
 
 <section class="container">
-	<div class="row w-100">
+	<div class="w-100">
 		<h2 class="mx-auto text-center font-weight-bolder">Your personal services</h2>
 	</div>
 
-	<div class="row w-100 mt-5 mb-3">
+	<div class="w-100 mt-5 mb-3">
 		<h3 class="mx-auto text-center">For serious business</h3>
 	</div>
 
@@ -94,7 +94,7 @@ linkTitle = "SelfPrivacy"
 		</div>
 	</div>
 
-	<div class="row w-100 mt-5 mb-3">
+	<div class="w-100 mt-5 mb-3">
 		<h3 class="mx-auto text-center">For entertainment and communication</h3>
 	</div>
 
@@ -119,7 +119,7 @@ linkTitle = "SelfPrivacy"
 	</div>
 
 
-	<div class="row w-100 mt-5 mb-3">
+	<div class="w-100 mt-5 mb-3">
 		<h3 class="mx-auto text-center">For a good life</h3>
 	</div>
 
@@ -140,7 +140,7 @@ linkTitle = "SelfPrivacy"
 </section>
 
 <section class="container-fluid d-flex flex-column sp-advantages">
-	<div class="row w-100 sp-advantages-header">
+	<div class="w-100 sp-advantages-header">
 		<h2 class="mx-auto text-center">Advantages</h2>
 	</div>
 
diff --git a/layouts/shortcodes/landing-feature.html b/layouts/shortcodes/landing-feature.html
index 5f4b47e..a36baa7 100644
--- a/layouts/shortcodes/landing-feature.html
+++ b/layouts/shortcodes/landing-feature.html
@@ -3,26 +3,26 @@
 {{ $bg := .Get 2 }}
 {{ $side := .Get 3 }}
 {{ if eq $side "right" }}
-<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-md-center  align-items-center sp-feature sp-feature{{ $bg }}">
-        <div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
+<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }} my-auto">
+        <div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
             {{ if $title }}
                 <h2 class="sp-feature-title">{{ $title }}</h2>
             {{ end }}
             {{ .Inner }}
         </div>
         {{ if $illustration }}
-        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
+        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
             <img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">
         </div>
         {{ end }}
     {{ else }}
-<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-md-center align-items-center sp-feature sp-feature{{ $bg }}">
+<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }}">
         {{ if $illustration }}
-        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
+        <div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
             <img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">
         </div>
         {{ end }}
-        <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
+        <div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
             {{ if $title }}
                 <h2 class="sp-feature-title">{{ $title }}</h2>
             {{ end }}