Mobile First Design Demo

Resize the window to see the effect!


w3-half

Sets the container to occupy 1/2nd of the window on medium or large screen devices. If a screen is smaller than 601 pixels then it resizes the container to 100%.

w3-half


w3-third

Sets the container to occupy 1/3rd of the window on medium or large screen devices. If a screen is smaller than 601 pixels then it resizes the container to 100%.

w3-third


w3-quarter

Sets the container to occupy 1/4th of the window on medium or large screen devices. If a screen is smaller than 601 pixels then it resizes the container to 100%.

w3-quarter