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

Fixed mobile (mostly, just need to do navbar)

Browse source
This commit is contained in:
Henry Hiles 2023-06-24 14:25:05 -04:00
parent 83f39c615c
commit cbbe23890a
4 changed files with 17 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/categories.js
View file

@ -8,7 +8,7 @@ export default Object.entries({
linux: { linux: {
title: "Linux", title: "Linux",
description: description:
"Linux is an operating system that has existed since the 1990s, and is used extensively, from Android in your phones which is linux-based to the over 40% of websites running on linux." "Linux is an operating system that has existed since the 1990s, and is used extensively, from Android in your phones (which is linux-based), to the over 40% of websites running on linux."
}, },
web: { title: "Web Development", description: "Web Development" }, web: { title: "Web Development", description: "Web Development" },
bot: { bot: {

14
src/styles/Blog.module.css
View file

@ -60,6 +60,18 @@
.categories { .categories {
display: flex; display: flex;
gap: 0.1rem; gap: 0.2rem;
flex-direction: column; flex-direction: column;
} }
@media (max-width: 750px) {
.sidebar {
position: static;
width: 100%;
height: unset;
}
.container {
flex-direction: column;
}
}

1
src/styles/BlogPost.module.css
View file

@ -33,6 +33,7 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
padding-bottom: 1rem;
} }
.title { .title {

9
src/styles/Home.css
View file

@ -2,13 +2,8 @@ main > section {
min-height: 80vh; min-height: 80vh;
} }
main > section > :is(h1, h2) { main > section > h2 {
font-size: 2.5rem; font-size: 3rem;
margin: 0; margin: 0;
text-align: center; text-align: center;
text-transform: uppercase;
}
main {
padding-bottom: 10rem;
} }