From 4025b1f23993af11d4b2d3b77b83efb3f83c83b2 Mon Sep 17 00:00:00 2001 From: obai Albek <3009594@stud.hs-mannheim.de> Date: Thu, 18 Sep 2025 18:36:57 -0400 Subject: [PATCH] dsa --- css/style.css | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) diff --git a/css/style.css b/css/style.css index 07025a7..5d06e65 100644 --- a/css/style.css +++ b/css/style.css @@ -170,17 +170,18 @@ input:focus,textarea:focus{ .count{font-size:.9rem;color:var(--muted);margin-left:.5rem} /* ---------- Responsive ---------- */ -@media (max-width:1000px){ - .hero-card{grid-template-columns:1fr;padding-top:clamp(2rem,6vw,3rem)} - .hero-photo{position:static;display:block;margin:-3.0rem auto 0;transform:none;width:200px} - .skills .skill-grid{grid-template-columns:repeat(2,1fr)} - .project-list{grid-template-columns:repeat(2,1fr)} +/* Tablet-Feintuning (zwischen 640–1000px) */ +@media (max-width: 768px){ + .project-list { grid-template-columns: 1fr; } + .skills .skill-grid { grid-template-columns: 1fr; } + .hero-photo { width: 180px; } } -@media (max-width:640px){ - .nav{display:none} - .container{padding-inline:var(--space-5)} - .project-list,.skills .skill-grid{grid-template-columns:1fr} - .contact .contact-form{grid-template-columns:1fr} - .contact .contact-form > .field:nth-of-type(3){ grid-column:auto; } - .contact .contact-form .btn{ justify-self:stretch;width:100%; } + +/* Touch-Ziele etwas größer – angenehmer auf Phones */ +a.iconlink, .btn { min-height: 44px; } + +/* Weniger Bewegung, wenn Nutzer das wünscht */ +@media (prefers-reduced-motion: reduce){ + .btn:hover, .nav-link:hover, .iconlink:hover { transform: none; } + * { scroll-behavior: auto; } }