I made a webpage with 1000px, 1500px & 2000px as the outermost max breakpoint. How do i ensure this design stays intact after 2000px when viewed by bigger monitors. That is, i would be happy if it even stays smaller and windowed on larger monitors like 2.5k or 4k monitors. But my design is all moving out of alignment and breaking up when viewed above 2000px. Under 2000px everything works well and as intended. I tried the double arrow which is located right next to the outermost break point. But both ways with the double arrow doesnt result in what i want.
Copy link to clipboard
Just use fixed width breakpoint outside.
So at the last (outermost breakpoint i should set it as fixed width) ?
The other smaller breakpoints can have fluid width ?
I tried as you said and yes it sort of does that. Since im only learning this, id have to experiment more.
After 2000px, waht if i want the 2000px look and layout to expand but with fixed alignment and as is, as if it were a jpeg image, meaning porportionately can it expand to the 4k monitor resolution or should i have to set a breakpoin for 4000px if i want this to display correctly on 4K monitors ? Like the buttons should all become bigger, text should become bigger, but all filling the same ratio.
Why don´t you simply use a full screen slide show from muse owns widgets?