Style class equal

Lesson 10 of 14 in Coddy's DOM Project - Calculator course.

Challenge

Easy

Target class ‘equal’:

Set grid-column to span 3.
Set the background color of your choice (not the same as other buttons).
Add the below CSS code for hover effect:
```
.btn:hover {
    opacity: 0.8;
}
```

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in DOM Project - Calculator

1Introduction

What will you build?

4Make it work

function appendToDisplay

function clearDisplay

function deleteLast

function calculateResult

2Frontend I

Title and class calculator Display input and buttons

Style body

All buttons

3Frontend II

Style class calculator

Style id display

Style class buttons

Style class btn

Style class equal Project lesson