As Olaf Schlüter pointed out in it’s response, the first Image is wrong, I’ll update it ASAP. What he points out in his response, i.e. given that the devices are both on their physical size, a 100 x 250 container will look exactly the same, that’s what I want to avoid using the approach described in the article. If you’re building a container, most of the time, you don’t want to have the same exact size across all devices, because as you can see in Olaf’s image, the container takes up much more space on the iPhone SE screen than on the iPhone Xs. What I do using the SizeConfig class, is scale the container, based on a 100x100 grid, therefore when I set a width of SizeConfig.blockSizeHorizontal(25); I’m telling I want the width to be 25% of the screen width, which will be 25% of the iPhone SE screen as well as 25% of the iPhone Xs screen.