The below screenshot
When I make designs, and view them on a wide-screen PC I see empty spaces on the left and right sides. I tried to figure out the issue I found this width size of 992px. Could this be the issue? Also when I tried to increase it from 992 to something bigger, it doesn’t change, it just returns to 992 always.
Try setting the percentage value on the right from 68 to 100%. I haven’t quite figured out that aspect either yet but always have it set to 100%. Just height wise I’m too lazy to adjust it.
I think you can’t adjust the width cause it represents whichever width is assigned to the breakpoint. The % value on the right is just a zoomed in/out representation, depending on your browser window (think me working on a 1920px breakpoint on a 1366px Browser window), so that I get to see the whole canvas.
I did that already. That’s why I said, “when I tried to increase it from 992 to something bigger, it doesn’t change, it just returns to 992 always.”
What’s funny is that the design will take such a size. It’s not about zooming. If you use 1366px PC, I can share you a link and send me screenshot of what you see.
It’s not an inspector like responsive preview… Click on a breakpoint icon and it will adjust to that breakpoint
Hey Abey,
thanks for your report.
I am not sure what the real issue is you’re having. The preview works as expected and you have “empty spaces on the left and right sides” on larger screens because your containers have a maximum width. This is expected and desirable.
I tried to quickly demonstrate how things work in a small screencast.
Hope this helps.
Best,
André
Great!
Superb explanation. Thanks!
What screen size would be good to set for design and suitable for most devices?
