I’ve tried repeatedly to set the page widths on my breakpoints to normal sizes like 1120 desktop, etc.
Problem is no matter how many times I set it up in the theme settings my pages only preview as max browser width. (Safari, Firefox)
I’m I missing something or is there another to do this?
Thanks
M@
You need to ensure the content you want contained to that width are inside of a container (and the width is set to Container). Here’s a video to show you the difference!
Let me know if that works for you!
Ok, If I may, you are going to need to explain what that ‘Container’ setting is actually doing (where does the blank space on each side come from.
I’m observing that above LG size it goes full width and at that size & below - maybe it’s set to the breakpoint width? - If so, maybe change ‘Container’ to say ‘Use Breakpoint’ as container doesn’t mean anything to us.
I agree. It’s another example of multiple ‘things’ having the same name. Given how Container elements could be nested several nodes deep it doesn’t make sense to use the same term for a breakpoint. If it did refer to added containers, which one in a nest would it choose to break on?
I’d also like to see the container in theme settings changed to Breakpoint etc.
Thanks very much for the assistance.
You are seeing blank space when the browser window gets wider than the largest breakpoint. You can learn more about breakpoints and screen sizes over on the Tailwind Docs site.
Hmm, that’s not a bad idea 