smueller/HexaHost-Web-Prod
1
0
Fork 0
mirror of https://git.hexahost.dev/smueller/HexaHost-Frontend.git synced 2026-06-02 17:28:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(footer): keep footer sections in one desktop row

Browse Source 
Adjust footer grid and spacing so all footer sections stay in a single row on desktop while preserving responsive breakpoints for tablets and mobile.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
smueller
2026-06-02 16:01:00 +02:00
parent 9c92df4ae4
commit 0df5dc9b57
1 changed files with 33 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/assets/css/custom.css
View File

@@ -110,3 +110,36 @@
transition: none !important; transition: none !important;
animation: none !important; animation: none !important;
} }
/* Keep footer sections in one row on desktop */
.footer-content {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 1.5rem 1.25rem;
align-items: start;
}
.footer-section h4 {
margin-bottom: 0.65rem;
}
.footer-section ul li {
margin-bottom: 0.4rem;
}
@media (max-width: 1100px) {
.footer-content {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.footer-content {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 520px) {
.footer-content {
grid-template-columns: 1fr;
}
}