diff --git a/index.html b/index.html
index 5fc483c..f35a11b 100644
--- a/index.html
+++ b/index.html
@@ -2,18 +2,45 @@
 <html lang="en-US">
   <head>
     <meta charset="utf-8" />
+		<link rel="stylesheet" href="styles.css" />
     <title>mcalc</title>
   </head>
   <body>
-		<label for="expr">Expression</label>
-		<input id="expr" required type="text" />
+		<div id="calculator">
+			<label for="expr">Expression</label>
+			<input id="expr" required type="text" />
 
-		<label for="modulus">Modulus</label>
-		<input id="modulus" required type="number" min="1" step="1" />
+			<output id="result" for="expr modulus"></output>
 
-		<button id="enter" type="button">Enter</button>
+			<div id="modulus-entry">
+				<label for="modulus"> mod </label>
+				<input id="modulus" required type="number" min="1" step="1" />
+			</div>
 
-		<output id="result" for="expr modulus"></output>
+			<button id="clear" type="button">C</button>
+			<button id="lparen" type="button">(</button>
+			<button id="rparen" type="button">)</button>
+			<button id="divide" type="button">/</button>
+
+			<button id="7" type="button">7</button>
+			<button id="8" type="button">8</button>
+			<button id="9" type="button">9</button>
+			<button id="times" type="button">*</button>
+
+			<button id="4" type="button">4</button>
+			<button id="5" type="button">5</button>
+			<button id="6" type="button">6</button>
+			<button id="minus" type="button">-</button>
+
+			<button id="1" type="button">1</button>
+			<button id="2" type="button">2</button>
+			<button id="3" type="button">3</button>
+			<button id="plus" type="button">+</button>
+
+			<button id="0" type="button">0</button>
+
+			<button id="enter" type="button">≡</button>
+		</div>
 
 		<script type="module" src="main.js"></script>
   </body>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..7bebcd4
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,27 @@
+#calculator {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+}
+
+label[for="expr"] {
+	display: none;
+}
+
+#expr {
+	grid-column: 1 / 5;
+}
+
+#result {
+	grid-column: 1 / 4;
+	border: 1px solid gray;
+	text-align: right;
+}
+
+#modulus-entry {
+	grid-column: 4;
+	text-align: right;
+}
+
+#enter {
+	grid-column: 4;
+}
