الفئة 'social-button'

الدرس 23 من 31 في دورة بطاقة 3D | مشروع Front-end على Coddy.

التحدي

سهل

استهدف الفئة 'social-button':

اضبط العرض (width) على 30 بكسل.
اضبط نسبة العرض إلى الارتفاع (aspect-ratio) على 1.
اضبط الحشو (padding) على 5px
اضبط الخلفية (background) على اللون الأبيض.
اضبط نصف قطر الحدود (border-radius) على 50%.
اضبط الحدود (border) على none.
اضبط العرض (display) على grid.
اضبط محاذاة المحتوى (place-content) على center.
أضف خاصية ظل الصندوق (box-shadow) التالية:
```
box-shadow: rgba(5, 71, 17, 0.5) 0px 7px 5px -5px; 
```

جرّب بنفسك

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

الفئة 'social-button'

جميع دروس بطاقة 3D | مشروع Front-end