From 197e1e2de1f5a4e7a88c23f396b62a67545ab166 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Mon, 20 Apr 2020 12:23:58 +0300
Subject: [PATCH] Update box sizing reset

---
 snippets/box-sizing-reset.md | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/snippets/box-sizing-reset.md b/snippets/box-sizing-reset.md
index 073f28604..44ee7083c 100644
--- a/snippets/box-sizing-reset.md
+++ b/snippets/box-sizing-reset.md
@@ -3,7 +3,7 @@ title: Box-sizing reset
 tags: layout,beginner
 ---
 
-Resets the box-model so that `width`s and `height`s are not affected by their `border`s or `padding`.
+Resets the box-model so that `width` and `height` are not affected by `border` or `padding`.
 
 ```html
 <div class="box">border-box</div>
@@ -11,24 +11,25 @@ Resets the box-model so that `width`s and `height`s are not affected by their `b
 ```
 
 ```css
-html {
+div {
   box-sizing: border-box;
 }
 
 *,
-*::before,
-*::after {
+*:before,
+*:after {
   box-sizing: inherit;
 }
 
 .box {
   display: inline-block;
-  width: 150px;
-  height: 150px;
-  padding: 10px;
-  background: tomato;
+  width: 120px;
+  height: 120px;
+  padding: 8px;
+  background: #F24333;
   color: white;
-  border: 10px solid red;
+  border: 1px solid #BA1B1D;
+  border-radius: 4px;
 }
 
 .content-box {
@@ -42,5 +43,3 @@ html {
 2. `box-sizing: inherit` makes an element respect its parent's `box-sizing` rule.
 
 #### Browser support
-
-- https://caniuse.com/#feat=css3-boxsizing