adrian/jean-cloud_website
1
0
Fork 0
Code Issues 1 Pull Requests 1 Releases Wiki Activity

RESPONSIVE

Browse Source
This commit is contained in:
Elisa 2019-09-23 17:50:15 +02:00
parent b526b79e28
commit 514c1fe4bd
1 changed files with 68 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
css/main.css
View File

@ -229,25 +229,6 @@ hr::after {
font-weight: 300; font-weight: 300;
} }
@media screen and (max-width: 736px) {
#header {
min-height: 0;
padding: 5.5em 0 5em 0;
height: auto;
}
#header h1 {
font-size: 2.5em;
}
#header .inner {
padding-top: 1.5em;
padding-left: 1em;
padding-right: 1em;
}
}
#header .background { #header .background {
background: linear-gradient(145deg, #3f2b4e 0%,#7b6b75 23%,#58445d 42%,#56425b 52%,#c7bbbd 81%,#422d4f 100%); background: linear-gradient(145deg, #3f2b4e 0%,#7b6b75 23%,#58445d 42%,#56425b 52%,#c7bbbd 81%,#422d4f 100%);
filter: blur(50px); filter: blur(50px);
@ -392,7 +373,7 @@ main section h2::after {
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
background: #ffd1eb26; background: #ffd1eb26;
border-radius: 0; border-radius: 0;F
border: solid 2px #553f59; border: solid 2px #553f59;
color: inherit; color: inherit;
line-height: 3em; line-height: 3em;
@ -430,6 +411,7 @@ main section h2::after {
position: absolute; position: absolute;
right: 6em; right: 6em;
bottom: 2.4em; bottom: 2.4em;
max-width: 50%;
} }
#contact .social_network .icons { #contact .social_network .icons {
@ -469,9 +451,74 @@ main section h2::after {
} }
main footer, body > footer { main footer, body > footer {
line-height: 0.8rem; line-height: 1.2em;
padding: 2.5em 0 2em 0; padding: 2.5em 0 2em 0;
font-size: 0.8em; font-size: 0.8em;
text-align: center; text-align: center;
opacity: 0.75; opacity: 0.75;
}
main footer p, body > footer p {
margin: 0.25em 0
}
#trust ul {
padding-left: 20px;
}
#trust ul li {
list-style: circle;
}
@media screen and (max-width: 736px) {
#header {
min-height: 0;
padding: 5.5em 0 5em 0;
height: auto;
}
#header h1 {
font-size: 2.5em;
}
#header .inner {
padding-top: 1.5em;
padding-left: 1em;
padding-right: 1em;
}
main {
max-width: calc(100% - 3em);
}
main > section {
padding: 2em;
}
main section h2 {
font-size: 1.6em;
}
#contact h3 {
letter-spacing: 0.02em;
font-size: 0.9rem;
}
#contact .social_network {
right: 0.2em;
bottom: 0.4em;
}
#services li {
width: 50%;
}
}
@media screen and (max-width: 436px) {
main {
max-width: calc(100% - 1.5em);
}
main > section {
padding: 1em;
}
#services li {
width: 100%;
}
} }