Klasse 'bottom'

Lektion 18 von 31 im Kurs 3D-Karte | Front-end-Projekt von Coddy.

Aufgabe

Einfach

Zielklasse ‘bottom’:

Setze display auf Flex
Setze align-items auf center.
Setze justify-content auf space-between
Setze position auf absolute
Setze bottom, left und right auf 20 Pixel.
Setze padding auf 10px für oben-unten und 12px für rechts-links

Füge diese Eigenschaften am Ende für ein präzises Finish hinzu:

transform-style: preserve-3d;
transform: translate3d(0, 0, 26px);

Probier es selbst

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

Klasse 'bottom'

Alle Lektionen in 3D-Karte | Front-end-Projekt