Style class calculator

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

Challenge

Easy

Target class calculator:

Set the borer radius to 10 pixels.
Set overflow to hidden.
Set:

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

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 Project lesson