Now a days, people use internet on devices of varying sizes and resolutions. With the advent of tablets and phones of different sizes, web developers have to pay particular attention to how website looks on all of these devices. This is where concept of responsiveness comes to play. A responsive website is the one which adjusts itself to changing size of the screen. For instance a website may display its full menu on large screen, where on small screen it displays a menu button which when clicked displays menu. W3CSS Responsive classes help create responsive website. In this article and some of the next articles we shall study W3CSS Reponsive classes
Following is the list of W3CSS responsive classes:
All of the above classes must be placed in some container class in order to create responsive layouts. The container classes are as follows:
Now we know what are the classes that are used to create responsive layouts in W3CSS. From the next article onwards, we shall see these classes put to practical use. We shall create some amazing responsive layouts in the next article. Stay tuned!