המחלקה profile-card

שיעור 11 מתוך 26 בקורס שחזור כרטיס הפרופיל של Coddy | פרויקט צד-לקוח של Coddy.

אתגר

קל

מחלקת היעד ‘profile-card’:

הגדירו את display ל-flex.
הגדירו את align-items ל-center.
הגדירו את flex-direction ל-column.
הגדירו את padding ל-15 פיקסלים.
הגדירו את border-radius ל-24 פיקסלים.
הגדירו את background ללבן.
הוסיפו box-shadow לפי בחירתכם.
או שתוכלו להשתמש בזה:
```
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
```

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- כתבו כאן קוד HTML -->
        <script src="script.js"></script>
    </body>
</html>

כל השיעורים ביחידה שחזור כרטיס הפרופיל של Coddy | פרויקט צד-לקוח

תרגלו בעצמכם: Web אונליין