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 index da16e460..38ac4aec 100644 --- 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
@@ -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 (``) 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 {