Clase 'bottom'

Lección 18 de 31 del curso Tarjeta 3D | Proyecto Front-end de Coddy.

Desafío

Fácil

Apunta a la clase ‘bottom’:

Establece el display a Flex
Establece align-items a center.
Establece justify-content a space-between
Establece position a absolute
Establece bottom, left, y right a 20 píxeles.
Establece un padding de 10px arriba y abajo y 12px a derecha e izquierda

Añade estas propiedades al final para un acabado preciso:

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

Pruébalo tú mismo

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

Clase 'bottom'

Todas las lecciones de Tarjeta 3D | Proyecto Front-end