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

fix(it-dienstleistungen): zentriere zielgruppen-karten mit 1:1 layout

Browse Source 
stabilisiert das layout der zielgruppen-karten auf der it-dienstleistungen-seite durch seitenlokale overrides ohne auswirkungen auf andere seiten.

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

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

@@ -16,6 +16,26 @@
margin-top: 2rem; margin-top: 2rem;
} }
/* IT services page: center target-group cards without affecting other pages */
.it-services-page .values .values-grid {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
align-items: stretch;
grid-template-columns: none !important;
gap: 1.5rem !important;
}
.it-services-page .values .value-item {
flex: 0 1 320px !important;
max-width: 360px;
aspect-ratio: 1 / 1;
margin: 0 !important;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Legal pages: plain white content with black text */ /* Legal pages: plain white content with black text */
.legal-hero, .legal-hero,
.legal-content { .legal-content {
@@ -142,4 +162,9 @@
.footer-content { .footer-content {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.it-services-page .values .value-item {
flex-basis: 100%;
max-width: 100%;
}
} }

2
public/it-dienstleistungen.php
View File

@@ -10,7 +10,7 @@ $current_page = 'it-dienstleistungen';
includeHeader($page_title, $page_description, $current_page); includeHeader($page_title, $page_description, $current_page);
?> ?>
<main id="main-content"> <main id="main-content" class="it-services-page">
<!-- Services Hero --> <!-- Services Hero -->
<section class="about-hero"> <section class="about-hero">
<div class="container"> <div class="container">