Henry-Hiles/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix responsiveness

Browse source
This commit is contained in:
Henry Hiles 2025-01-25 16:57:26 +00:00
parent 59614f81ff
commit 568fd64a8d
3 changed files with 30 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/styles/index.css
View file

@ -1,3 +1,22 @@
header {
display: flex;
flex-direction: column;
font-size: 2em;
justify-content: center;
align-items: center;
& img {
max-width: 35rem;
height: min-content;
}
& span {
display: flex;
text-align: center;
padding: 0 0.5rem;
}
}
section {
max-width: 1000px;
display: flex;
@ -6,7 +25,7 @@ section {
& div {
display: flex;
justify-content: center;
gap: 1.5em;
gap: 1em;
flex-wrap: wrap;
}
@ -21,28 +40,10 @@ section {
font-size: 1.3em;
}
&#home {
font-size: 2em;
justify-content: center;
align-items: center;
padding-bottom: 1em;
& img {
max-width: 35rem;
height: min-content;
}
& span {
display: flex;
text-align: center;
padding: 0 0.5rem;
}
}
&#about {
& #stats img {
width: 45%;
min-width: 400px;
min-width: 300px;
}
& #certificates {