Menu
Coddy logo textTech

Clase profile-card

Lección 11 de 26 del curso Clon de tarjeta de perfil de Coddy | Proyecto front-end de Coddy.

challenge icon

Desafío

Fácil

Apunta a la clase ‘profile-card’:

  1. Establece el display a flex.
  2. Establece align-items a center.
  3. Establece flex-direction a column.
  4. Establece el padding a 15 píxeles. 
  5. Establece el border-radius a 24 píxeles.
  6. Establece el background a white.
  7. Añade el box-shadow de tu elección.

    O puedes usar este:

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);

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>

Todas las lecciones de Clon de tarjeta de perfil de Coddy | Proyecto front-end