'bottom' Sınıfı

Coddy'nin 3D Kart | Front-end Projesi kursunda ders 18 / 31.

Görev

Kolay

‘bottom’ sınıfını hedefleyin:

Görünümü (display) Flex olarak ayarlayın
align-items özelliğini center olarak ayarlayın.
justify-content özelliğini space-between olarak ayarlayın
position özelliğini absolute olarak ayarlayın
bottom, left ve right değerlerini 20 piksel olarak ayarlayın.
padding değerini üst-alttan 10px ve sağ-soldan 12px olarak ayarlayın

Hassas bir bitiş için bu özellikleri sona ekleyin:

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

Kendin dene

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

'bottom' Sınıfı

3D Kart | Front-end Projesi bölümündeki tüm dersler