Mercurial > web
diff css/style.css @ 87:60f77a3de847
css: improve appearance on mobile
author | Paper <paper@paper.us.eu.org> |
---|---|
date | Tue, 11 Jun 2024 00:50:07 -0400 |
parents | 1fed81c848a5 |
children | a143c3991472 |
line wrap: on
line diff
--- a/css/style.css Sun Jun 09 22:07:26 2024 -0400 +++ b/css/style.css Tue Jun 11 00:50:07 2024 -0400 @@ -161,7 +161,10 @@ .center-image { display: block; - margin: 0 auto; + margin-left: auto; + margin-right: auto; + width: 100%; + height: auto; } .plugs-list { @@ -170,7 +173,9 @@ flex-wrap: wrap; justify-content: center; - column-gap: 4px; + + /* column-gap: 4px; */ + row-gap: 0.5em; } .plugs-list-item { @@ -180,8 +185,15 @@ height: 31px; opacity: 80%; + image-rendering: pixelated; } .plugs-list-item:hover { opacity: 100%; } + +.code-block { + overflow-x: scroll; + background-color: rgba(0, 0, 0, 0.6); + padding: 0.5em; +}