diff --git a/articlestylesheet.css b/articlestylesheet.css
new file mode 100644
index 0000000..7c31ed8
--- /dev/null
+++ b/articlestylesheet.css
@@ -0,0 +1,89 @@
+body {
+ background-color: lightgray;
+ margin: 0;
+ border: 1px solid red;
+ height: 100vh;
+}
+
+header {
+ height: 5rem;
+ border: 3px solid purple;
+}
+
+header > * {
+ display: inline-block;
+ padding: 0%;
+ position: relative;
+ vertical-align: middle;
+}
+
+p {
+ border: 1px solid blue;
+}
+
+/* Header */
+#icon {
+ margin: 0%;
+}
+
+#globalNav {
+ border: 3px solid black;
+ left: 50%;
+ transform: translateX(-50%);
+}
+
+#globalNav ul {
+ text-align: center;
+ list-style: none;
+}
+
+#globalNav ul li {
+ display: inline;
+}
+
+/* Article */
+#articleBody {
+ height: 80;
+ display: grid;
+ grid-template-columns: 15% 70% 15%;
+ border: 5px solid pink;
+ font-size: 0%;
+}
+
+#articleBody > * {
+ margin: 0%;
+ font-size: 1rem;
+}
+
+#articleBody article {
+ grid-column: 2;
+ border: 3px solid black;
+ padding: 2rem;
+}
+
+#rightNavBar {
+ grid-column: 1;
+ grid-row: 1 ;
+ padding: 0%;
+ border: 1px solid green;
+}
+
+#leftNavBar {
+ grid-column: 3;
+ border: 1px solid yellow;
+}
+
+@media screen and (max-width: 800px) {
+ #articleBody {
+ display: block;
+ }
+
+ #rightNavBar, #leftNavBar {
+ visibility: hidden;
+ display: none;
+ }
+
+ #articleBody article {
+ width: auto;
+ }
+}
\ No newline at end of file
diff --git a/templateArticle.html b/templateArticle.html
new file mode 100644
index 0000000..5eca534
--- /dev/null
+++ b/templateArticle.html
@@ -0,0 +1,41 @@
+
+
+
+
+
+
+
+
+
+
+
+ This is an icon
+
+
+ This is a header
+
+
+
+
+
+
+
+ This is the article
+
+
+
+