mirror of
https://github.com/NicolasConstant/sengi
synced 2025-02-02 03:26:51 +01:00
better phone compatibilities
This commit is contained in:
parent
bf3d88ce48
commit
d3eb7073f7
@ -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;
|
||||
|
@ -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%;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user