Classe 'social-button'

Leçon 23 sur 31 du cours Carte 3D | Projet Front-end de Coddy.

Défi

Facile

Ciblez la classe 'social-button' :

Définissez la largeur à 30 pixels.
Définissez un aspect-ratio de 1.
Définissez le padding à 5px
Définissez l'arrière-plan sur blanc.
Définissez le border-radius à 50%.
Définissez la bordure sur none.
Définissez le display sur grid.
Définissez place-content sur center.

Ajoutez cette propriété box-shadow :

box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px;

Essayez vous-même

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

Classe 'social-button'

Toutes les leçons de Carte 3D | Projet Front-end