icons

Pure.CSS Required Inputs The “required” attribute is used to mark a form control as required. Example: If your form needs an email…

Pure.CSS Responsive Design Pure.CSS uses the following classes to create a responsive design. Index Class Name Description 1) .pure-u-* It is used…

Pure.CSS Default Form A class name “pure-form” is used to create a default inline form. Example Let’s take an example to create…

Pure.CSS Default Table The “pure-table” classname is used to create a default table in Pure.CSS. By default this class adds padding and…

Pure.CSS Disabled Inputs The “disable” attribute is used to disable a form control. It is used when you want to add a…

Pure.CSS Dropdown You can create dropdown navigation by making small changes in markup. You have to add the class name “pure-menu-has-children” to…

Pure.CSS Forms Pure.CSS provides a very beautiful and responsive CSS for form designing. You have to add a class name “pure-form” to…

Pure.CSS Grids Pure Grid is a concept of Pure.CSS. There are two types of classes in Pure grid. pure-g: a grid class…

Grouped Input Forms If you want to group sets of text-based input elements, you have to wrap them in a <fieldset> element…

Pure.CSS Aligned Form The classname “pure-form-aligned” is used to create a aligned form to a <form> element alongside pure-form. In this type…