some spacing tweaks, fix weird nav
This commit is contained in:
@ -85,6 +85,14 @@ main {
|
||||
margin: 0 auto 1rem;
|
||||
}
|
||||
|
||||
|
||||
@media (max-width: 1000px ) {
|
||||
header,
|
||||
main {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 750px) {
|
||||
header,
|
||||
main {
|
||||
@ -226,7 +234,7 @@ nav a:not(:has(img)) {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
font-size: 1.2rem;
|
||||
padding: 0 .25rem;
|
||||
padding: .1rem .25rem;
|
||||
border: solid .125rem var(--color-accent);
|
||||
border-radius: .25rem;
|
||||
background-color: var(--color-bg);
|
||||
@ -378,21 +386,15 @@ footer a:focus-visible {
|
||||
<ul>
|
||||
|
||||
<li>
|
||||
<a href="/about/" title="About the Beall Greenhouses">
|
||||
ⓘ about
|
||||
</a>
|
||||
<a href="/about/" title="About the Beall Greenhouses">ℹ️ about</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/events/" title="Events at the Beall Greenhouses">
|
||||
🗓 events
|
||||
</a>
|
||||
<a href="/events/" title="Events at the Beall Greenhouses">🗓️ events</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="/artists/" title="Artists in residence at the Beall Greenhouses">
|
||||
🖌 artists
|
||||
</a>
|
||||
<a href="/artists/" title="Artists in residence at the Beall Greenhouses">🎨 artists</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
@ -437,6 +439,6 @@ footer a:focus-visible {
|
||||
<p><a href="/attribution/">site attribution</a></p>
|
||||
</footer>
|
||||
|
||||
<!-- This page `/attribution/` was built on 2026-05-01T19:40:50.757Z -->
|
||||
<!-- This page `/attribution/` was built on 2026-05-04T02:09:45.452Z -->
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user