From 82bd8786cc3a65da865986bb60265bb64329f2e0 Mon Sep 17 00:00:00 2001 From: Marius Cerchez Date: Fri, 27 Feb 2026 13:43:14 +0200 Subject: [PATCH] add styling --- calculator/index.html | 12 ++++++------ calculator/style.css | 32 ++++++++++++++++++++++++++++---- 2 files changed, 34 insertions(+), 10 deletions(-) diff --git a/calculator/index.html b/calculator/index.html index 2a10992..0668c76 100644 --- a/calculator/index.html +++ b/calculator/index.html @@ -14,29 +14,29 @@
- + - + - + - + - + - +
diff --git a/calculator/style.css b/calculator/style.css index 105a0ef..ce6c905 100644 --- a/calculator/style.css +++ b/calculator/style.css @@ -12,16 +12,40 @@ body { .calculator { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; + border-collapse: collapse; + border-radius: 0; } -.display { +#display { grid-column: 1 / 5; - height: 50px; - width: 200px; + height: 100px; + width: 400px; + background-color: black; + color: white; + text-align: right; + font-size: 75px; } button { - height: 50px; + height: 100px; + font-size: 50px; + background-color: #d8d9db; + border: 1px solid black; + padding: 0; + +} + +button:hover { + background-color: #ebebeb; +} + +.operator { + background-color: #df974c; + color: white; +} + +.operator:hover { + background-color: #dfb07e; } .clear {