Menu
Coddy logo textTech

'social-button' Sınıfı

Coddy'nin 3D Kart | Front-end Projesi kursunda ders 23 / 31.

challenge icon

Görev

Kolay

'social-button' hedef sınıfı:

  1. Genişliği 30 piksel olarak ayarlayın. 
  2. aspect-ratio değerini 1 olarak ayarlayın.
  3. padding değerini 5px olarak ayarlayın. 
  4. background değerini white olarak ayarlayın.
  5. border radius değerini 50% olarak ayarlayın.
  6. border değerini none olarak ayarlayın.
  7. display değerini grid olarak ayarlayın. 
  8. place-content değerini center olarak ayarlayın. 
  9. Şu box-shadow özelliğini ekleyin:

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

Kendin dene

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

3D Kart | Front-end Projesi bölümündeki tüm dersler