Step 14

We are going to take a different approach to style the app by trying a "No-class" CSS framework. In contrast to a framework like Bootstrap, a no-class (or classless) CSS framework is one where you do not need to add class names to your HTML elements to style them. Instead, you can style any plain HTML page just by linking to the style sheet.

We will use a no-class framework called Water.css. Add the following link to the head section of index.html file.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">

And with just that addition, we get the following view: