--description--

Because the box model concept is so incredibly fundamental, let’s dig a bit deeper with <a href="https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/The_box_model#what_is_the_css_box_model" target="_blank">this lesson from MDN</a>. It covers the same material as the video above and will introduce you to inline boxes that we will explore in the next lesson. Pay close attention to the examples and take the time to experiment with their in-browser editor!

--questions--

--text--

How do you set the alternative box model for all of your elements?

--answers--

html {
    box-sizing: inherit;
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    box-sizing: border-box;
}

html {
  box-sizing: border-box;
}
* {
  box-sizing: inherit;
}

html {
    box-sizing: border-box;
}
*,
*::before,
*::after {
    box-sizing: inherit;
}

--video-solution--

4