grid

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”…

Pure.CSS Stripped Tables If the table is large, it would better to make it stripped. The stripped table is more visible and…

Tables with Horizontal Borders If you want only horizontal lines in your table, add the pure-table-horizontal classname to the <table> element. It…

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…

Pure.CSS Bordered Table The “pure-table-bordered” classname is used to the <table> element to add horizontal and vertical borders to all cells. Example:…

Pure.CSS Buttons What is Button In GUI (Graphical User Interfaces), a button is a small outlined area in a dialog box that…

Pure.CSS Checkboxes and Radios The “pure-checkbox” and “pure-radio” classname are used to normalize and align checkboxes and radio inputs. Example: Let’s take…

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…