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
|
||||
gunicorn==20.1.0
|
||||
|
|
|
@ -44,6 +44,8 @@
|
|||
#links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#links a {
|
||||
|
@ -62,7 +64,6 @@
|
|||
}
|
||||
|
||||
#page {
|
||||
height: 100%;
|
||||
display: flex;
|
||||
margin: 1rem;
|
||||
margin-bottom: 4rem;
|
||||
|
@ -125,6 +126,7 @@
|
|||
#header {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
#quote {
|
||||
|
@ -140,6 +142,35 @@
|
|||
background-color: #EDAF1F;
|
||||
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 {
|
||||
max-width: 80%;
|
||||
}
|
||||
|
||||
#page {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<title>Augusto Gunsch</title>
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='stylesheet.css') }}"/>
|
||||
<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body id="body">
|
||||
<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_page.css') }}"/>
|
||||
<link rel="icon" href="{{ url_for('static', filename='icon.png') }}"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
</head>
|
||||
<body id="body">
|
||||
<header id="header">
|
||||
|
|
Loading…
Reference in New Issue