From 8b49ca0f47f482baae3ea09246c0b2dea93f2579 Mon Sep 17 00:00:00 2001
From: Theodore Nguyen <109197491+theodoretnguyen@users.noreply.github.com>
Date: Tue, 7 Feb 2023 15:27:31 -0800
Subject: [PATCH] Fix margins
---
app.css | 60 +++++++++++++++++++++++++++++-------------------------
index.html | 15 +++++++-------
2 files changed, 40 insertions(+), 35 deletions(-)
diff --git a/app.css b/app.css
index c50270b..5adef1e 100644
--- a/app.css
+++ b/app.css
@@ -8,13 +8,34 @@ main {
max-width: 75%;
}
+#flex_container {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: center;
+ align-items: center;
+}
+
h1 {
+ font-size: 25pt;
+}
+
+td {
text-align: center;
- font-size: 20pt;
}
-p {
- font-size: 14pt;
+img {
+ max-width: 40%;
+ height: auto;
+}
+
+#img_bg6 {
+ border: 2px solid #eb1c24;
+ border-radius: 12px;
+}
+
+#img_io {
+ border: 2px solid #6b80e9;
+ border-radius: 12px;
}
figcaption {
@@ -27,24 +48,22 @@ figcaption {
background-color: #fefee3;
}
-img {
- max-width: 40%;
- height: auto;
+#red {
+ color: red;
+ background-color: #fefee3;
}
-#img_bg6 {
- border: 2px solid #eb1c24;
- border-radius: 12px;
+#blue {
+ color: blue;
+ background-color: #fefee3;
}
-#img_io {
- border: 2px solid #6b80e9;
- border-radius: 12px;
+p {
+ font-size: 14pt;
}
input {
padding: 16px 32px;
- text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16pt;
@@ -101,21 +120,6 @@ input {
color: black;
}
-td {
- text-align: center;
- display:flexbox;
-}
-
.counter {
font-size: 40pt;
}
-
-#red {
- color: red;
- background-color: #fefee3;
-}
-
-#blue {
- color: blue;
- background-color: #fefee3;
-}
diff --git a/index.html b/index.html
index 2a14df6..b0eb340 100644
--- a/index.html
+++ b/index.html
@@ -13,11 +13,11 @@
- Movie Theater Equations
-