mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-05-02 01:39:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Mainly finish making design responsive

Browse source
This commit is contained in:
Matthew Holt 2023-11-23 22:29:34 -07:00 • committed by Francis Lavoie
parent 22fddeb556
commit 066655c101
No known key found for this signature in database
GPG key ID: 0F66EE1687682239
6 changed files with 84 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

34
new/resources/css/marketing.css
View file

@ -218,23 +218,6 @@ section.light.gray {
line-height: 1.65;
}
.sides {
display: flex;
gap: 50px;
align-items: center;
margin: 100px 0;
}
.sides > * {
flex: 1;
}
.side-flex {
display: flex;
gap: 2em;
flex: 1.5;
}
.cols, .spacing {
--gap: 50px;
@ -259,16 +242,13 @@ section.dark .cols {
color: #aec6c3;
}
.cols .col {
min-width: 350px;
padding-left: 1em;
flex: 1;
}
.cols-big .col {
min-width: 450px;
}
h3 {
font-weight: 600;
font-size: 20px;
@ -366,6 +346,10 @@ section.dark h3.yellow {
max-width: none;
}
.asides h3 {
margin-left: 0;
}
.asides p {
margin-left: 0;
margin-right: 0;
@ -650,10 +634,16 @@ div.ap-wrapper:fullscreen div.ap-player {
}
@media (max-width: 1000px) {
h1,
h2 {
overflow-wrap: anywhere;
}
h1 {
font-size: 75px;
}
.asides {
flex-direction: column;
}
.display {
margin-top: 50px;
margin-bottom: 50px;