Stylowanie klasy equal

Lekcja 10 z 14 w kursie Projekt DOM – kalkulator w Coddy.

Wyzwanie

Łatwy

Klasa docelowa ‘equal’:

Ustaw grid-column na span 3.
Ustaw wybrany kolor tła (inny niż pozostałych przycisków).
Dodaj poniższy kod CSS, aby uzyskać efekt po najechaniu:
```
.btn:hover {
    opacity: 0.8;
}
```

Spróbuj swoich sił

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Wpisz tutaj kod HTML -->
        <script src="script.js"></script>
    </body>
</html>

Wszystkie lekcje w sekcji Projekt DOM – kalkulator

1Wprowadzenie

Co zbudujesz?

4Spraw, by działało

funkcja appendToDisplay

funkcja clearDisplay

funkcja deleteLast

funkcja calculateResult

2Frontend I

Kalkulator tytułu i klasy Wyświetlanie danych wejściowych i przycisków

Stylizacja body

Wszystkie przyciski

3Frontend II

Stylowanie klasy kalkulatora

Stylowanie elementu o id display

Stylowanie klasy buttons

Stylowanie klasy btn

Stylowanie klasy equal Lekcja projektowa

Poćwicz samodzielnie: Edytor online Web