As a web designer, I incorporate numerous absolute elements into my website layout to ensure it adjusts seamlessly to various browser dimensions. However, I do have a minimum size in mind that I want to maintain. Essentially, I aim for my website to remain compact while the browser is resized smaller, but once it reaches a specific point, I want the overflow:auto attribute to activate and prompt users to use scrolling to view the entire page instead of further compressing it.
Do you have any suggestions? I attempted to insert an empty table with fixed dimensions into an element with overflow:auto, but unfortunately, that approach did not yield the desired results. Please keep in mind that I am still relatively new to web design.