Daniele Cambi
May 20, 2019 · 1 min read

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.

Daniele Cambi

Written by

A native android developer, that is on it’s way to learn Flutter while sharing his journey with the community.

More From Medium

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade