fix: width and height
This commit is contained in:
nevfy
parent
f3ade3b43c
commit
f55a659130
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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 }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue