Pure.CSS Tutorial

Pure.CSS Icons A list of popular icon libraries supported by Pure.CSS: Font Awesome Icons Google Material Icons Bootstrap Icons To use the…

Pure.CSS Image In Pure.CSS, you can use “pure-image” classname to display images in a responsive way. pure-image: It specifies a basic styled…

Input Sizing Form You can specify input elements in the form having fluid width size. It is similar to pure-grid. You have…

Pure.CSS Menus Pure.CSS provides vertical menus by default. It is very easy to customize the menus in Pure.CSS because of minimal styling…

Multi-Column Forms The class name pure-grid is used to create a responsive multi-column form. It requires that pure responsive grid to be…

Pure.CSS Read Only Inputs The “readonly” attribute is used to make a form input read only. The difference between disabled and readonly…

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 Rounded Inputs The “pure-input-rounded” classname is used to display a form control with rounded corners. It is generally used for search…

Pure.CSS Stacked Form The class name “pure-form-stacked” is used to create a stacked form with input elements below the labels. The “pure-form-stacked”…