RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix about section spacing and text

Browse Source
This commit is contained in:
Harkamal Randhawa
2026-04-15 22:59:18 -06:00
parent 2fecdca917
commit 8a9e4e75b5
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
web/app/globals.css
View File

@@ -684,31 +684,36 @@ body {
.info-page {
background: linear-gradient(to bottom, #f9f9f9, #ffffff);
padding-bottom: 4rem;
}
.info-hero {
text-align: center;
padding: 4rem 2rem 3rem;
padding: 2.5rem 2rem 1.5rem;
}
.info-title {
font-size: 3rem;
font-size: 1.6rem;
color: #333;
margin-bottom: 1rem;
margin-bottom: 0.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.info-subtitle {
font-size: 1.25rem;
color: #666;
margin-bottom: 1.5rem;
font-size: 1rem;
color: #888;
margin-bottom: 1rem;
max-width: 520px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.info-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 2rem 4rem;
padding: 0 2rem 3rem;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
@@ -3147,19 +3152,19 @@ img, video, iframe {
@media (max-width: 768px) {
.info-title {
font-size: 2rem;
font-size: 1.3rem;
}
.info-subtitle {
font-size: 1.1rem;
font-size: 0.95rem;
}
}
@media (max-width: 480px) {
.info-title {
font-size: 1.6rem;
font-size: 1.2rem;
}
.info-subtitle {
font-size: 1rem;
font-size: 0.9rem;
}
.image-links-container {
grid-template-columns: 1fr;