HTML5 & CSS3 – Einführungskurs

Übung 2: Preispakete

Drei Karten nebeneinander – Layout mit CSS Flexbox

CSS Flexbox Media Queries Google Fonts Font Awesome CSS Transitions

Layout-Vorgaben

Das umzusetzende Layout soll auf dem Desktop wie folgt aussehen (Farbwerte per Pipette aus dem Screenshot nehmen):

Für Tablets sollen die Boxen so umbrechen, dass die ersten beiden nebeneinander stehen und die dritte zentriert darunter:

Für Telefone bzw. kleine Screens im allgemeinen steht einfach alles untereinander: