Fully responcive Webflow website

The task was to make the website fully responsive The client had a problem, could not achieve full responsiveness of the website and asked me to do it.

While I start working I realized that when the website was initially created, it was created using viewport height and viewport width. This means that they received not only breakpoints at different width but also a lot of breakpoints that depend on the screen height. And if for width we do have range breakpoints, when you use viewport height units, every pixel becomes a separate breakpoint.

That means that if choose this method to continue the development, they will never get a fully responsive website because every user has a different screen that have a different height.

When I realize that, I decided to change the way the blocks are created at the website, and I have changed most of the blocks to work at pixels and % instead of VH, in accordance to the original website.

Share the Post: