Added content for first entry

centos-death.html

@@ -147,6 +147,11 @@
 
             <div class="main-box">
                 <div class="main-box-text">
+                    Type: Article<br />Author: Jim Salter<br />Publish Date: 12/10/2020<br />Publisher: Ars Technica<br />
+                    <a href="https://arstechnica.com/gadgets/2020/12/centos-shifts-from-red-hat-unbranded-to-red-hat-beta/">Link</a><br />Reflection: This article by Ars Technica, one of the world's most renowned technology publishers, highlights how
+                    Red Hat effectively killed off CentOS Linux. CentOS was one of the most widely used and important Enterprise Linux Operating Systems, and many businesses used it for their everyday, mission-critical operations. By turning the CentOS
+                    project into a "testing ground" for Red Hat Enterprise Linux, they have forced businesses and consumers to move to their paid platform or to use a fundamentally different OS. This is only exacerbated by the fact that Red Hat has lowered
+                    the EOL date from 2029 to 2021.
 
                 </div>
             </div>

css/styles.css

@@ -249,14 +249,17 @@ h1 {
 
 .main-box {
     color: white;
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding-top: 0;
+    padding-bottom: 0;
     margin-left: 400px;
     margin-right: 400px;
-    height: 800px;
+    height: 600px;
     line-height: 1em;
     background-color: #0074D9;
     box-shadow: 10px 15px #FFDC00;
+    position: relative;
+    align-items: center;
+    justify-content: center;
 }
 
 .main-box:hover {
@@ -267,11 +270,25 @@ h1 {
     -moz-transition: box-shadow 0.25s ease-in-out;
 }
 
+.main-box-text {
+    padding: 10px;
+    font-size: 1.5em;
+    line-height: 1.25em;
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 50%;
+    left: 50%;
+    -ms-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+
 @media only screen and (max-width: 1366px) {
     .main-box {
         margin-left: 200px;
         margin-right: 200px;
-        height: 400px;
+        height: 800px;
     }
 }
 
@@ -301,7 +318,7 @@ h1 {
     .main-box {
         margin-left: 50px;
         margin-right: 50px;
-        height: 400px;
+        height: 800px;
     }
 }
 
@@ -312,6 +329,14 @@ h1 {
     .main-box {
         margin-left: 20px;
         margin-right: 20px;
-        height: 400px;
+        height: 800px;
+    }
+}
+
+@media only screen and (max-width: 400px) {
+    .main-box {
+        margin-left: 20px;
+        margin-right: 20px;
+        height: 1200px;
     }
 }