Files
website/sass/home.scss
Filip Rojek ee96d04708
All checks were successful
Build and Deploy Zola Website / build_and_deploy (push) Successful in 16s
Build Zola Website / build (pull_request) Has been skipped
fix(home.scss): improve mobile responsiveness for latest projects
2025-08-28 13:21:38 +02:00

64 lines
826 B
SCSS

.content {
margin-block: auto;
}
.home {
margin-top: 5rem;
font-size: 1.2rem;
padding: 0 5%;
section {
text-align: center;
}
a {
color: lightblue;
cursor: pointer;
text-decoration: underline;
}
#pgp {
cursor: pointer;
}
#pgpmobile {
display: none;
}
}
.latest-projects-posts {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 1rem;
margin-top: 5rem;
margin-bottom: 2rem;
.project {
display: flex;
flex-direction: column;
margin: 1rem 0;
width: 100%;
max-width: 40%;
gap: 1rem;
.title {
font-size: 1.2rem;
}
.description {
font-size: 1rem;
}
}
}
@media (max-width: 600px) {
#pgp {
display: none;
}
#pgpmobile {
display: inline-block;
}
.latest-projects-posts .project {
margin: 1rem 5%;
max-width: 90%;
}
}