Klasse 'social-button'

Lektion 23 von 31 im Kurs 3D-Karte | Front-end-Projekt von Coddy.

Aufgabe

Einfach

Zielklasse 'social-button':

Setze die Breite auf 30 Pixel.
Setze ein Seitenverhältnis (aspect-ratio) von 1.
Setze das Padding auf 5px
Setze den Hintergrund auf white.
Setze den Rahmenradius auf 50%.
Setze den Rahmen auf none.
Setze die Anzeige (display) auf grid.
Setze place-content auf center.

Füge diese box-shadow-Eigenschaft hinzu:

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

Probier es selbst

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

Klasse 'social-button'

Alle Lektionen in 3D-Karte | Front-end-Projekt