Rick/web
1
0
Fork 0
Code Issues Pull requests Activity

add responsive

Browse source
This commit is contained in:
rick 2024-10-13 18:56:08 +02:00
parent 09d1777aa7
commit dfe6575b26
Signed by: Rick
GPG key ID: A2E7B6CA577C8F07
2 changed files with 44 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
css/style.css
View file

@ -130,3 +130,46 @@ footer {
#buttons div { #buttons div {
margin-bottom: 1em; margin-bottom: 1em;
} }
@media only screen and (max-width: 641px) {
body {
grid-template-areas:
"header header"
"main main"
"menu menu"
"footer footer";
}
#header-links {
position: sticky;
bottom: 0;
margin-left: 0;
margin-top: 0;
flex-direction: row;
background-color: white;
border-top: solid black;
flex-wrap: wrap;
}
header {
display: flex;
flex-direction: column;
}
#lang {
justify-items: center;
}
#main {
margin: 2em 1em 2em 1em;
}
#footer-main {
display: flex;
flex-direction: column;
}
.pred-buttons {
align-self: center;
}
}

1
header.html
View file

@ -2,6 +2,7 @@
<html lang="%lang%"> <html lang="%lang%">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Security-Policy" content="default-src 'self';"> <meta http-equiv="Content-Security-Policy" content="default-src 'self';">
<link rel="icon" href="/img/favicon.gif" type="image/gif" /> <link rel="icon" href="/img/favicon.gif" type="image/gif" />
<link rel="stylesheet" href="/css/style.css" /> <link rel="stylesheet" href="/css/style.css" />