Tag Archives: box model

Box-sizing: border-box

Posted on April 5, 2022 by Ann

Adding padding and border sizes will now reduce the content size, but it makes it so much easier than trying to add up border + padding + content of every element in your CSS. Without the box-sizing: border-box property your … Continue reading →

Posted in Web Developer Course | Tagged , , , , , , , , | Leave a comment

CSS Theory #4: Types of Boxes

Posted on February 3, 2022 by Ann

Inline Elements: only occupy the amount of space they need for its content and nothing more. They can be side by side with one another. Occupies only the space necessary for its content. Causes no line-breaks after or before the … Continue reading →

Posted in Web Developer Course | Tagged , , , , , | Leave a comment

CSS Theory #3: The CSS Box Model

Posted on January 24, 2022 by Ann

Default behavior calculation: Final element width = left border + left padding + width + right padding + right border Final element height = top border + top padding + height + bottom padding + bottom border Margin = empty … Continue reading →

Posted in Web Developer Course | Tagged , , | Leave a comment