fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-17 22:32:10 +00:00
Code Issues Projects Releases Wiki Activity

Inline nav links in print media

Browse source
This commit is contained in:
Rohan Kumar 2022-03-27 17:24:07 -07:00
parent 6b67668291
commit ccce5c94a9
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/css/main.css
View file

@ -84,7 +84,7 @@ nav li,
} }
/* single-line nav on widescreen */ /* single-line nav on widescreen */
@media (min-width: 32em) { @media print, (min-width: 32em) {
header nav li { header nav li {
display: inline; display: inline;
padding-right: 0.5em; padding-right: 0.5em;

4
content/posts/website-best-practices.gmi
View file

@ -335,8 +335,8 @@ Exceptions exist: one or two very simple responsive changes won't hurt. The main
For example, the only responsive layout change on my website (https://seirdy.one) is a single CSS declaration to switch between inline and multi-line navigation links at the top of the page: For example, the only responsive layout change on my website (https://seirdy.one) is a single CSS declaration to switch between inline and multi-line navigation links at the top of the page:
``` ```
@media (min-width: 32rem) { @media print, (min-width: 32rem) {
nav li { header nav li {
display: inline; display: inline;
} }
} }

4
content/posts/website-best-practices.md
View file

@ -296,8 +296,8 @@ The only responsive layout change on [my website](https://seirdy.one/) is a sing
</figcaption> </figcaption>
``` ```
@media (min-width: 32rem) { @media print, (min-width: 32rem) {
nav li { header nav li {
display: inline; display: inline;
} }
} }