mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
Fix wordmark on smaller screens
This commit is contained in:
@@ -3,12 +3,14 @@ body {
|
||||
}
|
||||
|
||||
#head {
|
||||
padding: 0 2rem;
|
||||
margin: var(--component-spacing-big) 0;
|
||||
}
|
||||
|
||||
#head img {
|
||||
width: 24rem;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
@@ -58,6 +60,10 @@ body {
|
||||
}
|
||||
|
||||
@media (max-width: 60rem) {
|
||||
#head {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
padding: 0 1rem;
|
||||
display: block;
|
||||
|
||||
@@ -3,12 +3,14 @@ body {
|
||||
}
|
||||
|
||||
#head {
|
||||
padding: 0 2rem;
|
||||
margin: var(--component-spacing-big) 0;
|
||||
}
|
||||
|
||||
#head img {
|
||||
width: 24rem;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
@@ -28,6 +30,10 @@ pre code {
|
||||
}
|
||||
|
||||
@media (max-width: 60rem) {
|
||||
#head {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
padding: 0 1rem;
|
||||
display: block;
|
||||
|
||||
Reference in New Issue
Block a user