Wir werden zur Bearbeitung der Aufgaben wieder GitHub Classroom nutzen. Das Assignment, welches für diese Session erstellt wurde, ist über diesen Einladungslink erreichbar.
Wenn Sie auf den Link klicken, wird automatisch ein Repository, mit dem Startcode des Assignments, erstellt. Klonen Sie bitte anschließend das Repository auf ihren Rechner und bearbeiten Sie die Aufgaben darin.
Positionieren Sie die Cards mit der Eigenschaft position:sticky, so dass die Cards an der oberen Kante der Darstellungsfläche kleben bleiben.
Binden Sie die Größe der Cards und die Schriftgröße an die Größe der Darstellungsfläche mit sinnvollen minimalen und maximalen Größen.
Setzen Sie die Headline über das Bild, ohne die Markup Struktur zu verändern.
Nutzen Sie für Landscape Viewports ein Card Layout, in dem die Text und Bild nebeneinander sitzen und das Bild im Hochformat verwendet wird. Nutzen Sie für Portrait Viewports das bestehende Card Layout mit dem Bild im Querformat.