מחלקה 'bottom'

שיעור 18 מתוך 31 בקורס כרטיס תלת־ממדי | פרויקט Front-end של Coddy.

אתגר

קל

יעד המחלקה ‘bottom’:

הגדירו את display ל-Flex
הגדירו את align-items ל-center.
הגדירו את justify-content ל-space-between
הגדירו את position ל-absolute
הגדירו את bottom, left ו-right ל-20 פיקסלים.
הגדירו padding של 10px מלמעלה ומלמטה ו-12px מימין ומשמאל

הוסיפו את המאפיינים האלה בסוף לקבלת גימור מדויק:

transform-style: preserve-3d;
transform: translate3d(0, 0, 26px);

נסו בעצמכם

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

כל השיעורים ביחידה כרטיס תלת־ממדי | פרויקט Front-end

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