Menu
Coddy logo textTech

אתגר סיכום

שיעור 6 מתוך 9 בקורס איך למרכז div או טקסט באמצעות CSS של Coddy.

בואו נסכם!

challenge icon

אתגר

קל

נתונות לך 3 תיבות (div), מרכז הכול באמצעות האילוצים הבאים:

מרכז את ה-div הקטן ביותר באמצעות flexbox, ומרכז את ה-div בגודל הבינוני באמצעות position and translate.

אל תשנה את הגדלים!

נסו בעצמכם

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <div id="div1">
            <div id="div2">
                <div id="div3"/>
            </div>
        </div>
    </body>
</html>

כל השיעורים ביחידה איך למרכז div או טקסט באמצעות CSS

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