Fix breakpoints

This commit is contained in:
Augusto Gunsch 2023-11-11 10:58:23 +01:00
parent 36264c455f
commit b977af751c
4 changed files with 39 additions and 2 deletions

View File

@ -1,3 +1,3 @@
flask==2.1.0 flask==3.0.0
markdown2==2.4.2 markdown2==2.4.2
gunicorn==20.1.0 gunicorn==20.1.0

View File

@ -44,6 +44,8 @@
#links { #links {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap;
justify-content: center;
} }
#links a { #links a {
@ -62,7 +64,6 @@
} }
#page { #page {
height: 100%;
display: flex; display: flex;
margin: 1rem; margin: 1rem;
margin-bottom: 4rem; margin-bottom: 4rem;
@ -125,6 +126,7 @@
#header { #header {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
gap: 1rem;
} }
#quote { #quote {
@ -140,6 +142,35 @@
background-color: #EDAF1F; background-color: #EDAF1F;
color: black; color: black;
} }
#links a {
margin: 0.3rem;
}
}
@media only screen and (max-width: 420px) {
#header {
padding: 1rem;
}
}
@media only screen and (max-width: 390px) {
#social {
display: none;
}
#links .button {
border-radius: 7px;
}
#links a {
padding: 0.6rem;
}
#header {
padding: 4px;
padding-bottom: 1rem;
}
} }
@ -147,6 +178,10 @@
#quote { #quote {
max-width: 80%; max-width: 80%;
} }
#page {
height: 100%;
}
} }

View File

@ -5,6 +5,7 @@
<title>Augusto Gunsch</title> <title>Augusto Gunsch</title>
<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/>
<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/> <link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="body"> <body id="body">
<header id="header"> <header id="header">

View File

@ -6,6 +6,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/>
<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet_page.css') }}"/> <link rel="stylesheet" href="{{ url_for('static', filename='stylesheet_page.css') }}"/>
<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/> <link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body id="body"> <body id="body">
<header id="header"> <header id="header">