fix layout
This commit is contained in:
parent
b03bf1ae16
commit
b21ed40794
5 changed files with 77 additions and 95 deletions
|
|
@ -303,59 +303,9 @@ a:hover {
|
|||
}
|
||||
|
||||
}
|
||||
.front-section:nth-of-type(2) {
|
||||
margin-top: 40px;
|
||||
|
||||
}
|
||||
|
||||
.splash {
|
||||
background-color: transparent;
|
||||
.container {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 40px;
|
||||
align-items: flex-start;
|
||||
max-width: var(--max-width);
|
||||
margin: auto;
|
||||
.description {
|
||||
|
||||
border-radius: var(--border-radius);
|
||||
background: var(--bg-alt);
|
||||
background: linear-gradient(90deg, transparent 0%, var(--bg) 91%);
|
||||
}
|
||||
h1, h2 {
|
||||
font-size: 2em;
|
||||
}
|
||||
p, h1, h2, h3, h4 {
|
||||
text-align: left;
|
||||
margin-top: 20px;
|
||||
|
||||
}
|
||||
h1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
div {
|
||||
max-width: unset;
|
||||
margin: 0;
|
||||
flex: 1 1 300px;
|
||||
padding: 0 0 0 80px;
|
||||
|
||||
}
|
||||
.splash-logo {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
@media only screen and (max-width: 759px) {
|
||||
div {
|
||||
min-width: 100%;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.splash-logo {
|
||||
padding: 20px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#contact {
|
||||
padding: 20px;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue