audiothek

commit

1df716ec1723de8204ae518327a8a447474e2722

parent

4404a149847b0eeed5d3c8c39fea99529ecb2f1d

Author

Tobias Bengfort <tobias.bengfort@posteo.de>

Date

2025-12-27 19:31

css: tweak header for narrow screens

Diffstat

1 files changed, 10 insertions, 0 deletions

diff --git a/style.css b/style.css

@@ -60,6 +60,7 @@ pre {
   60    60 
   61    61 header {
   62    62 	display: flex;
   -1    63 	flex-direction: column;
   63    64 	justify-content: space-between;
   64    65 	align-items: center;
   65    66 	padding-block: 1em;
@@ -77,9 +78,12 @@ h1 a {
   77    78 
   78    79 [role="search"] {
   79    80 	display: flex;
   -1    81 	inline-size: 100%;
   -1    82 	max-inline-size: 20em;
   80    83 	gap: 0.5em;
   81    84 }
   82    85 [role="search"] input {
   -1    86 	inline-size: 0;
   83    87 	flex: 1;
   84    88 }
   85    89 
@@ -105,3 +109,9 @@ h1 a {
  105   109 .items p {
  106   110 	margin-block: 0 0.2em;
  107   111 }
   -1   112 
   -1   113 @media (min-width: 30em) {
   -1   114 	header {
   -1   115 		flex-direction: row;
   -1   116 	}
   -1   117 }