c8h4/c8h4.io
1
0
Fork 0
Code Issues Actions Activity

theme: properly wrap footer items for small screens using flexbox

Browse source 
Signed-off-by: Christoph Heiss <christoph@c8h4.io>
This commit is contained in:
Christoph Heiss 2024-03-05 12:27:52 +01:00
parent 92e16b0c25
commit 3fa9017430
Signed by: c8h4
GPG key ID: 1538094429952F86
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
themes/hacker/assets/scss/main.scss
View file

@ -107,10 +107,21 @@ footer {
border-top: 1px var(--text);
margin-top: 2em;
margin-bottom: 2em;
line-height: 40px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
:nth-child(even) {
float: right;
> * {
align-self: center;
}
@media only screen and (max-width: 480px) {
justify-content: center;
> * {
margin-top: 1ex;
}
}
a:hover {