Style class buttons

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

Challenge

Easy

Target class ‘buttons’:

Set the display to grid.
Set grid-template-columns to repeat(4, 105px)

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

Style class btn

Style class equal