Verified Commit 0c8f0945 authored by Carl Schwan's avatar Carl Schwan 🚴🏻

Update layout in kde.org homepage

parent d63bc2ac
Pipeline #20589 canceled with stage
......@@ -16,6 +16,7 @@ p + p {
h1 {
margin-top: $spacer * 1.5;
font-weight: bold;
}
h2 {
......
......@@ -192,3 +192,84 @@ main {
#kde-connect {
background: rgba(246, 116, 0, 0.05);
}
.community-grid {
display: grid;
grid-template-columns: auto 10% auto;
grid-template-rows: auto 70px auto auto auto auto;
grid-gap: 1.5rem;
}
@media (max-width: 800px) {
.community-grid {
display: flex;
flex-direction: column;
}
}
.community-1 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 2;
}
.community-2 {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 1;
grid-row-end: 3;
}
.community-3 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 2;
grid-row-end: 4;
}
.community-4 {
grid-column-start: 2;
grid-column-end: 4;
grid-row-start: 3;
grid-row-end: 4;
}
.community-5 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 4;
grid-row-end: 6;
}
.community-6 {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 4;
grid-row-end: 5;
}
.community-7 {
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 6;
grid-row-end: 7;
}
.community-8 {
grid-column-start: 3;
grid-column-end: 4;
grid-row-start: 5;
grid-row-end: 7;
}
.community-grid .card {
margin-bottom: 0;
box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.05);
}
.community-grid .card-body {
padding: 0.4rem;
display: flex;
justify-content: center;
align-items: center;
font-style: normal;
}
@media (min-width: 1000px) {
.section-community h2 {
max-width: 60%;
}
}
main::after {
height: 40px;
margin: 0;
background-color: rgba(61,174,233,.1);
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment