Menu
Coddy logo textTech

Classe profile-card

Lição 11 de 26 do curso Clone de Cartão de Perfil Coddy | Projeto Front-end da Coddy.

challenge icon

Desafio

Fácil

Alvo da classe ‘profile-card’:

  1. Defina o display como flex.
  2. Defina align-items como center.
  3. Defina flex-direction como column.
  4. Defina o padding como 15 pixels. 
  5. Defina o border-radius como 24 pixels.
  6. Defina o background como white.
  7. Adicione o box-shadow de sua escolha.

    Ou você pode usar este:

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

Experimente você mesmo

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

Todas as lições de Clone de Cartão de Perfil Coddy | Projeto Front-end