Improve mobile styles

Signed-off-by: Severin Kaderli <severin@kaderli.dev>
This commit is contained in:
Severin Kaderli 2022-07-13 14:32:38 +02:00
parent ab3678153f
commit e12701fa24
Signed by: severinkaderli
GPG key ID: F419F8835B72F0C4

View file

@ -52,7 +52,6 @@
.page { .page {
margin: calc(4 * var(--spacing)) auto 0; margin: calc(4 * var(--spacing)) auto 0;
padding: var(--spacing); padding: var(--spacing);
width: 100%; width: 100%;
max-width: var(--width); max-width: var(--width);
@ -87,15 +86,13 @@
list-style: none; list-style: none;
display: flex; display: flex;
margin-left: var(--spacing); margin-left: var(--spacing);
flex-wrap: wrap;
gap: var(--spacing);
} }
li:not(:first-child) { li:not(:last-child):after {
margin-left: var(--spacing);
}
li:not(:first-child):before {
content: "/"; content: "/";
margin-right: var(--spacing); margin-left: var(--spacing);
} }
h2 { h2 {
@ -111,6 +108,7 @@
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
</style> </style>
</head> </head>