diff --git a/frontend/src/components/Layout/Footer.tsx b/frontend/src/components/Layout/Footer.tsx index 00125fd..c4b5ef4 100644 --- a/frontend/src/components/Layout/Footer.tsx +++ b/frontend/src/components/Layout/Footer.tsx @@ -10,12 +10,12 @@ const Footer: React.FC = () => { borderTop: '1px solid rgba(251, 250, 246, 0.1)', }, footerContent: { - maxWidth: '1200px', + maxWidth: '1500px', margin: '0 auto', padding: '3rem 2rem 2rem', display: 'grid', - gridTemplateColumns: 'repeat(auto-fit, minmax(250px, 1fr))', - gap: '3rem', + gridTemplateColumns: 'repeat(auto-fit, minmax(100px, 1fr))', + gap: '1rem', }, footerSection: { display: 'flex', diff --git a/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx b/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx index 9c82f84..1197ed8 100644 --- a/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx +++ b/frontend/src/components/Layout/FooterLinks/FAQ/FAQ.tsx @@ -35,7 +35,7 @@ const FAQ: React.FC = () => { }, { question: "Wie lange dauert die Planungserstellung?", - answer: "Typischerweise 30-105 Sekunden, abhängig von der Anzahl der Mitarbeiter und Schichten." + answer: "Typischerweise maximal 105 Sekunden, abhängig von der Anzahl der Mitarbeiter und Schichten." } ]; diff --git a/frontend/src/components/Layout/FooterLinks/Features/Features.tsx b/frontend/src/components/Layout/FooterLinks/Features/Features.tsx index f8faa3a..facb593 100644 --- a/frontend/src/components/Layout/FooterLinks/Features/Features.tsx +++ b/frontend/src/components/Layout/FooterLinks/Features/Features.tsx @@ -11,7 +11,7 @@ const Features: React.FC = () => { { icon: "⚡", title: "Schnelle Berechnung", - description: "Google OR-Tools CP-SAT Solver findet Lösungen in 30-105 Sekunden" + description: "Google OR-Tools CP-SAT Solver findet Lösungen in maximal 105 Sekunden" }, { icon: "👥", diff --git a/frontend/src/components/Layout/Layout.module.css b/frontend/src/components/Layout/Layout.module.css index f24aca3..a6391f3 100644 --- a/frontend/src/components/Layout/Layout.module.css +++ b/frontend/src/components/Layout/Layout.module.css @@ -151,7 +151,7 @@ margin: 0 auto; padding: 2rem 20px; display: grid; - grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 2rem; }