mafoo.org.uk/selfdefined
1
0
Fork 0
mirror of https://github.com/fooflington/selfdefined.git synced 2025-01-22 17:30:00 +00:00
Code Issues Projects Releases Wiki Activity

Make title span two columns on viewports > 800px.

Browse Source 
Also ensure following paragraph remains below title, as following the default grid behaviour, it would flow into adjacent column.
This commit is contained in:
Laura Kalbag 2020-01-15 12:56:05 +00:00
parent a4bc2a16f3
commit bb1469c2f3
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/base.scss
View File

@ -142,11 +142,20 @@ ul[class] {
line-height: 0.75; line-height: 0.75;
padding: 0; padding: 0;
margin: 0.5rem 0rem; margin: 0.5rem 0rem;
grid-column: span 2;
// transform: rotateZ(90deg); // transform: rotateZ(90deg);
// margin: 13rem -7rem; // margin: 13rem -7rem;
} }
@media (min-width: 800px) {
.title__thicc {
grid-column: 1 / 3;
}
.title__thicc + p {
grid-column: 1 / 2;
}
}
.help { .help {
margin: 1rem 0; margin: 1rem 0;
li { li {