GitHub-Repository ansehen
Live-Vorschau ansehen

Dieses Projekt gehört zu meinem ersten Modul an der Code Academy Berlin. Ziel war, sich mit HTML und CSS wohlzufühlen. Die Vorgabe war eine Website mit vier Seiten: Startseite, Special-Seite, Registrierung und Kontakt.

Ich musste image und verschiedene Textelemente einbauen, eine list, eine table, ein form mit verschiedenen input-Elementen, eine eingebettete Karte per iframe, ein a zum Öffnen des E-Mail-Programms und Navigation zwischen den Seiten. Erwartet wurden Grid und Flexbox im Layout, die ich mit Media Query für responsives Design kombiniert habe.

Das Projekt hat mir die vielen Wege gezeigt, wie CSS Elemente auf einer Seite positionieren kann. Ich habe semantische Elemente gelernt, um "Div-Soup" zu vermeiden, und responsives Design in der modernen Webentwicklung.