Learning how Pure.css implements grids
Pure.css has been in development since 2013. It also describes itself as modular and tiny and claims to be usable in every web project. With 3.7 kb minified and gzipped (gzip being a compression algorithm used in HTTP compression to speed up the delivery of HTML, CSS, and JS files), it has a minimal bundle size while offering many features, such as form fields, buttons, tables, menus, and a grid. It is not as opinionated as other frameworks and aims to be a foundation to work with components from other frameworks, such as Bootstrap.
We can see the landing page of the Pure.css website in the following screenshot:
Figure 8.13 – Pure.css landing page
In Bootstrap, for example, modal windows are implemented with accessibility and maximum usability in mind – a feat that isn’t simple to repeat. However, by introducing Pure.css as a basis and including the JS and styling necessary for modals from...
