1
0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-02 03:26:51 +01:00

better phone compatibilities

This commit is contained in:
Nicolas Constant 2019-07-30 23:35:07 -04:00
parent bf3d88ce48
commit d3eb7073f7
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 49 additions and 7 deletions

View File

@ -158,6 +158,7 @@ body {
font-weight: 300;
font-family: 'Open Sans', sans-serif;
margin: auto;
padding: 0 3rem;
text-align: center;
font-size: 2.5rem; }
.section-clear {
@ -176,6 +177,10 @@ body {
color: #141414;
margin-top: 5rem;
margin-left: 15vw; }
@media (max-width: 56.25em) {
.section-clear__title {
margin: 3rem auto 0 auto;
text-align: center; } }
.section-clear__subtitle {
font-weight: 400;
font-size: 2rem;
@ -189,7 +194,13 @@ body {
.quick-overview__video {
display: block;
margin: 2rem auto; }
margin: 2rem auto;
width: 800;
height: 492; }
@media (max-width: 56.25em) {
.quick-overview__video {
width: 100%;
height: 492; } }
.functionalities__row {
max-width: 100rem; }
@ -202,6 +213,9 @@ body {
text-align: center;
padding: 7rem 5rem 0 5rem;
max-width: 50rem; }
@media (max-width: 56.25em) {
.functionalities__text {
padding: 3rem 5rem 0 5rem; } }
.functionalities__conclusion {
max-width: 60rem;
@ -213,10 +227,17 @@ body {
.functionalities__video {
display: block;
margin: 2rem auto; }
margin: 2rem auto;
width: 326px;
height: 260px; }
.functionalities__video:focus {
border: none;
outline: none; }
@media (max-width: 56.25em) {
.functionalities__video {
width: 100%;
max-width: 326px;
height: 60%; } }
.footer {
text-align: center;

View File

@ -11,6 +11,7 @@
font-weight: 300;
font-family: 'Open Sans', sans-serif;
margin: auto;
padding: 0 3rem;
text-align: center;
font-size: 2.5rem;
}
@ -35,6 +36,11 @@
color: $dark-background;
margin-top: 5rem;
margin-left: 15vw;
@include respond(tab-port) {
margin: 3rem auto 0 auto;
text-align: center;
}
}
&__subtitle {
@ -58,6 +64,13 @@
&__video {
display: block;
margin: 2rem auto;
width: 800;
height: 492;
@include respond(tab-port) {
width: 100%;
height: 492;
}
}
}
@ -73,14 +86,13 @@
font-weight: 400;
font-size: 2rem;
// height: 30rem;
text-align: center;
padding: 7rem 5rem 0 5rem;
max-width: 50rem;
// outline: 1px solid greenyellow;
@include respond(tab-port) {
padding: 3rem 5rem 0 5rem;
}
}
&__conclusion {
@ -101,6 +113,15 @@
border: none;
outline: none;
}
width: 326px;
height: 260px;
@include respond(tab-port) {
width: 100%;
max-width: 326px;
height: 60%;
}
}
}

View File

@ -99,7 +99,7 @@
<section class="section-clear">
<h2 class="section-clear__big-title">Quick Overview</h2>
<video width="800" height="492" class="quick-overview__video" autoplay loop>
<video class="quick-overview__video" autoplay loop>
<source src="videos/Quick_overview.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>