3009594
/
MyPortfolio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dsa

main
Obai Albek 2025-09-18 18:36:57 -04:00
parent cb40cc8c79
commit 4025b1f239
1 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
css/style.css
View File

@ -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; }
}