CSS trick for defining custom minimum width of webpage

Advertisement

You must have noticed many popular websites based on WordPress like Envato Tuts plus, Smashing magazine has custom width and the websites accommodates nicely when you resize the browser window or see it in smaller screen? You can see the same effect if you resize the browser for this page.

Previously, we wrote about how to create a custom width WordPress theme; though the trick was mentioned there as a hint, we are writing here in detail.

This handy CSS command is defining the minimum width, which can be used to determine the minimum width of a webpage. In the same way, you can set the maximum width too: