Enhance IT services section: Updated index.php to include new CSS classes for the IT services section, improving layout and responsiveness. Added styles for a 3x2 grid layout in custom.css, ensuring better presentation across different screen sizes.
This commit is contained in:
@@ -16,6 +16,30 @@
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
/* IT-Dienstleistungen auf Startseite: ausgewogenes 3x2-Grid */
|
||||
.it-services-grid {
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
max-width: 980px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.it-services-grid .feature-item {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.it-services-grid {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.it-services-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
/* Animierter Farbverlauf für "Beliebt"-Badge */
|
||||
.featured-badge {
|
||||
background: linear-gradient(135deg, #ff51f9 0%, #a348ff 50%, #3978ff 100%);
|
||||
|
||||
Reference in New Issue
Block a user