Join the Webstudio community

Updated 4 weeks ago

Possible to Set Default Breakpoint to Full Screen Size

Maybe there is already someone asking this or have a chat from these but cant find in any chat, there is possible in the Breakpoints the default breakpoint using the full screen size?
O
p
f
18 comments
I am not sure I understand the question
@ferreirex I think you're asking how to do desktop-first design? This is the default in WS. If you go to "edit breakpoints", you see the list of defined breakpoints. If they're all set to "Max Width", that means they are each smaller than the previous one.
The star icon rerpresents default styles. If all of your breakpoints are like the image above, then the star is effectively "all styles, except for what is overridden by these smaller breakpoints". Since it's the default, it's not named "desktop", but it would be used for desktop styles, since desktop is greater than the 991px of the "Tablet" breakpoint
I got that, but when open the project we working on instead be the size on the start I will enjoy if will be full working are size.
I will upload the image size at the current size and how I like if possible to be.
I’m not great to explain something but working on that to be clear as possible and using more images to help me on that
Another thing I forgot to mention is when we press the Preview mode the preview use the full screen instead the part of the screen we are currently building (desktop)
I notice a bug, if I all the time resize the preview screen at some point that get the feeling as been locked the mouse to the resize button and not able to edit the project, to start edit again I need going to dashboard and select the project again
Are you saying that you would prefer not to have to drag the resizing tab when you open the project?
Another thing I forgot to mention is when we press the Preview mode the preview use the full screen instead the part of the screen we are currently building (desktop)

I notice a bug, if I all the time resize the preview screen at some point that get the feeling as been locked the mouse to the resize button and not able to edit the project, to start edit again I need going to dashboard and select the project again

I don't notice either of these issues. Are you using a Chrome/Chromium-based browser? I had some issues using other browsers with WebStudio, and switching to Brave (Chromium-based) resolved them
I think In understood what @ferreirex is asking:

When opening canvas initially, we don't use all available space for the canvas, you see parts of the workspace left and right.

Since you are only using max-width breakpoints which are smaller than this size, effectively using more space isn't a problem, it wouldn't switch a breakpoint and we can technically do it.

I remember once having discussed that but we never came around implementing it
when open the project to be the full screen size instead to resize all the time the preferable size
Yes its that @Oleg Isonen
persoally i fell more natural be using that extra canva, in the laptop seeing the 914px looks smaller(tablet size) than normal website
in any case its not representative of a real size, because desktop browsers have all possible sizes, its just about convenience when opening builder to not have to resize it right away
Add a reply
Sign up and join the conversation on Discord