Fix breakpoints
This commit is contained in:
parent
36264c455f
commit
b977af751c
|
@ -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
|
||||||
|
|
|
@ -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%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in New Issue