From 90442d6a85077a19e4916a790e274990e5dd44f9 Mon Sep 17 00:00:00 2001
From: Mike Smith <89040888+smiggiddy@users.noreply.github.com>
Date: Thu, 2 Jan 2025 11:45:46 -0500
Subject: [PATCH] day1: removed height from container

---
 day1/index.html | 43 +++++++++++++++++++++++++++++++++++++++++++
 day1/style.css  | 36 ++++++++++++++++++++++++++++++++++++
 2 files changed, 79 insertions(+)
 create mode 100644 day1/index.html
 create mode 100644 day1/style.css
diff --git a/day1/index.html b/day1/index.html
new file mode 100644
index 0000000..f820260
--- /dev/null
+++ b/day1/index.html
@@ -0,0 +1,43 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Day 01</title>
+
+    <link rel="stylesheet" href="./style.css" />
+  </head>
+
+  <body>
+    <div class="container">
+      <div class="intro-content">
+        <h1>Lorem ipsum dolor sit.</h1>
+        <p>
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod unde
+          rerum, deleniti ea obcaecati sint hic odit dicta tenetur qui ut
+          dolorum provident sit, atque, reprehenderit nulla voluptate! Officiis,
+          consectetur?
+        </p>
+        <p>
+          Iste ipsa enim delectus porro, ullam repellendus maiores quis rem
+          debitis cum, necessitatibus architecto dolor? Velit, ad quaerat
+          blanditiis veritatis expedita totam vel voluptatem officiis officia ab
+          modi voluptatibus obcaecati.
+        </p>
+        <p>
+          Accusantium minima iusto nobis fuga hic explicabo unde illum,
+          perferendis et animi aperiam quaerat, eaque deleniti alias blanditiis
+          exercitationem commodi repudiandae ullam consequatur incidunt
+          reiciendis repellat officia laboriosam. Esse, modi.
+        </p>
+        <p>
+          Expedita cupiditate iure odit, delectus placeat optio magnam assumenda
+          mollitia aspernatur at saepe nisi commodi natus excepturi voluptate.
+          Recusandae nisi dolorem, necessitatibus optio aliquam repellat.
+          Adipisci, incidunt. Consequuntur, natus nulla.
+        </p>
+      </div>
+    </div>
+  </body>
+</html>
+
diff --git a/day1/style.css b/day1/style.css
new file mode 100644
index 0000000..b68be39
--- /dev/null
+++ b/day1/style.css
@@ -0,0 +1,36 @@
+/* INSTRUCTIONS
+ *
+ * 1) Limit the total width of
+ *    the .intro-conent to about half
+ *    of it's parent
+ *
+ * 2) Stop the text from overflowing
+ *    out the bottom at small screen
+ *    widths
+ *
+ * You may modify the HTML if needed
+ *
+ */
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  font-family: sans-serif;
+}
+
+.container {
+  background: #23424a;
+  color: white;
+
+  width: 80%;
+  margin: 0 auto;
+  padding: 2em;
+}
+
+.intro-content {
+  padding: 2em;
+  width: 50%;
+}
