Computer scienceFrontendCSSConcepts

Box sizing

Theory

Apply box-sizing

Report a typo

There are four div elements in the code below. Apply box-sizing, width, height, and padding properties where required so that all four div elements (boxes) are of equal width and height — 180px and 190px, respectively.

Write HTML and CSS code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Box Sizing</title>
</head>
<body>
<div class="box_1">Box 1</div>
<div class="box_2">Box 2</div>
<div class="box_3">Box 3</div>
<div class="box_4">Box 4</div>
</body>
</html>
Completed 1 of 7
Apply relevant box-sizing property to Box 1
Apply relevant width and height to Box 1
___

Create a free account to access the full topic