I wanted to know how to make a website built with your online tool can be completely compatible with screen resolutions as defined in the following image:
Hi @wguzman, thanks a lot for the good question. I think the issue might be that there is nothing constraining the elements on the page in terms of width. The page looks differently on different devices/monitors, because the wider the display, the more space there is.
If you want to have a consistent look, I would suggest to do one of the following two things:
Use a container to and put your content within a container. Containers are centered horizontally on the page and have a max width of 940px.
Setup a parent element to your content and set the max-width and min-widths to some value that is acceptable to you for your design. This way, no matter the size of the monitor, your content will always be at least a certain minimum width, and no more than a max width on the page.