shinuwa/sokko-g
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve about page guidance and onboarding visuals

Browse source
This commit is contained in:
Shinuwa 2026-08-13 23:56:30 +02:00
parent 48dcc8182c
commit 9248b5d075
15 changed files with 610 additions and 173 deletions
Download patch file Download diff file Expand all files Collapse all files

46
website/src/styles/_responsive.scss
View file

@ -41,6 +41,10 @@
.about-section-heading {
position: static;
}
.about-reminders-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-height: 760px) and (min-width: 1025px) {
@ -86,7 +90,11 @@
.home-onboarding-layout,
.home-onboarding-cards,
.about-story-section,
.about-story-list,
.about-contribute-blocks,
.about-contribute-section,
.about-contribute-formats,
.about-reminders-list,
.about-tools-list,
.section-grid,
.info-grid {
@ -101,8 +109,42 @@
border-bottom: 0;
}
.about-storage-reminders {
padding-left: 0;
.about-story-list {
width: 100%;
}
.about-story-body {
grid-template-columns: 1fr;
}
.about-story-visual {
min-height: 176px;
}
.about-story-illustration {
width: min(86%, 220px);
}
.about-story-bullets {
grid-template-columns: 1fr;
}
.about-contribute-illustration {
width: min(100%, 220px);
max-height: 260px;
justify-self: center;
}
.about-contribute-section .about-section-heading {
grid-template-rows: auto;
}
.about-section-heading .about-contribute-illustration {
margin-top: var(--space-5);
}
.about-code-example pre {
padding-left: var(--space-4);
}
.hero,