@alexattt
Posted
I am not sure whether you have tried this...but :) You can simulate responsiveness of your web app and change dimensions of the possible screen, by right-clicking in your page, then "Inspect" and in the Devtools tab, which opens, on the top left you will see small phone/tablet icon, if you hover over it says Toggle device toolbar. Click it, then on your page, on top you will see a toolbar, choose dimensions: Responsive and then you can change your dimensions both manually and also below this toolbar you can click on different pre-defined dimensions, for example, Tablet - 768px, Laptop - 1024px, Laptop - 1440px etc. Despite the difficulties you faced, your solution looks nice anyway!
Marked as helpful
@Gioltek
Posted
@alexattt Thank you Aleksandra for your feedback! Yeah I usually simulate responsiveness with the dev tools of Firefox/Chrome, but only for lesser resolutions, like when I want to adapt the css to fit a smartphone. Didn't know you can also simulate 1440px with it, so thanks for sharing! And thanks for the compliment too! :)