From 91486766253bedee97e03c8dc57049a7d02d53af Mon Sep 17 00:00:00 2001 From: Marius Cerchez Date: Thu, 26 Feb 2026 09:05:55 +0200 Subject: [PATCH] Calculator part 1 --- calculator/index.html | 42 ++++++++++++++++++++++++++++++++++++++++++ calculator/style.css | 35 +++++++++++++++++++++++++++++++++++ 2 files changed, 77 insertions(+) create mode 100644 calculator/index.html create mode 100644 calculator/style.css diff --git a/calculator/index.html b/calculator/index.html new file mode 100644 index 0000000..2a10992 --- /dev/null +++ b/calculator/index.html @@ -0,0 +1,42 @@ + + + + + + + + + + Calculator + + +
+ + + + + + + + + + + + + + + + + + + + + + + +
+ + diff --git a/calculator/style.css b/calculator/style.css new file mode 100644 index 0000000..105a0ef --- /dev/null +++ b/calculator/style.css @@ -0,0 +1,35 @@ +body { + font-family: "Roboto Mono", monospace; + font-optical-sizing: auto; + font-weight: 400; + font-style: normal; + display: flex; + align-items: center; + justify-content: center; + height: 100vh; +} + +.calculator { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +.display { + grid-column: 1 / 5; + height: 50px; + width: 200px; +} + +button { + height: 50px; +} + +.clear { + grid-column: 1 / 3; +} + +.zero { + grid-column: 1 / 4; +} + +