How To Set A Minimum Page Size
When looking at websites in class, I noticed there was a lot of criticism regarding the text and images getting ‘squished’ when the browser was re-sized to a less-than-desirable width. To combat this, I took a key from some responsive web design enthusiasts.
I looked up how to make a page not re-size it’s content, and stumbled upon the min-width property. It sets the minimum width of an element to the specified width. If the browser is re-sized, the user doesn’t get squished text, but rather a horizontal scroll bar.
For example, let’s say that you wanted to write a content section your page, with the id content, and in the CSS make it no larger 500px. This will allow the browser to only set this div or section to a minimum of 500px.
An important thing to not is that this minimum width does NOT include any padding or margins you have on your content. If you had a padding of 20px on the left, and a margin of 50, the new minimum would be 570px for all of your content.
This can be used to make sure your page keeps its desired look no matter what the size of the users browser window is.