1- Seite nur für mobile 2- meta Tag für die korrekte Skalierung auf Handys benutzen:
<meta name="viewport" content="width=device-width, initial-scale=1">
3- Link für Email, der E-Mail Anwendung öffnet (0/5) 4- Link für Telefon, der Telefon-Anwendung öffnet (0/5) 5- Link zum Lebenslauf(PDF), der einen Download auslöst (0/5)
- Es gibt hier keine Links
6- Links zu Social Media Profilen *- Haben Icons der Dienste (10/10) **- Sollen in einem neuen Tab öffnen (0/5)
- Es gibt hier keine Links
7- Foto, das im Kreis dargestellt wird, mit border-radius (0/5) 8- Navigation zu den Abschnitten mit Hash-Links (6/10)
- Das funktioniert. Aber es sollten keine a-Tags in button-Tags sein
9- Bilder im Portfolio sollen verlinkt sein (0/10)
- Keine Block-Tags in Inline-Tags (10/10)
- bitte keine headings(h1, h2, h3, h4,...) in p-Tags
- Padding in den Links der Hauptnavigation (0/10)
- Abstand zwischen Text und Fensterrand und zwischen Text und Element-Rand (4/10)
- Vor allem die Links ganz unten sind viel zu nah aneinander, da sollte Abstand im CSS definiert werden.
- Korrekte html-Grundstruktur (html, head, body) (10/10)
- Keine Viewport-Elemente im head (5/5)
SUMME (45/100)