Merge pull request #228 from brechtDR/feature/update-viewports-unit-article

sanderdejong88 · web-flow · commit c6b51e0c82f8 · 2024-02-09T08:48:50.000+01:00
Update viewports unit article
diff --git a/data/blog/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport.mdx b/data/blog/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport.mdx
@@ -15,7 +15,7 @@ If you read the previous article in this series, you might’ve remembered that
 
 The `vw` unit stands for viewport width. But let’s start off with a catch right away. There are multiple things that we point at when talking about the viewport.
 
-**The layout viewport** is the visible area of a web page influenced by the browser window or device screen size. It determines the space available for rendering HTML content. If you positioned a fixed box around the window, that’s the viewport we’re talking about.
+**The layout viewport** is the visible area of a web page influenced by the browser window on desktop or the device screen size (although, for devices it can depend on user zooming, keyboard opening, etc...). It determines the space available for rendering HTML content. If you positioned a fixed box around the window, that’s the viewport we’re talking about.
 
 ```html
 <div class="viewport"></div>
@@ -30,7 +30,7 @@ The `vw` unit stands for viewport width. But let’s start off with a catch righ
 }
 ```
 
-**The initial containing block** is a conceptual box serving as the root of the CSS box model. Its dimensions are tied to the layout viewport, with the top-left corner at (0,0). As the ICB is our root element, we can show it like this:
+**The initial containing block** is a rectangle in which the root (`<html>`) element lives. Its dimensions are tied to the layout viewport, with the top-left corner at (0,0). As the ICB is our root element, we can show it like this:
 
 ```css
 html {
