13. Future of HTML and CSS

Activity 13.01: Button Library

Solution

1. After creating the Activity 13.01.html file with the markup, the first task is to add styles for the primary button. We do this by adding a class selector (.button--primary) to our style rules and adding the appropriate styles (background and text color) for the default and hover states (with a :hover pseudo-class):

                .button--primary {
                   background: #f44336;
                   color: white;
                   font-weight: bold;
               }
               .button--primary:hover...