My Final Web Portfolio

Activity 10: CSS Dimensions

CSS dimensions control the width and height of an element.

<style>
.dimension-box {
    width: 300px;
    height: 150px;
    background: #ddd6fe;
    border: 3px solid #7c3aed;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>

<div class="dimension-box">
    Width: 300px; Height: 150px;
</div>