inline-box

Author: SwarajKaran

starter/03-CSS-Fundamentals/style.css

@@ -3,6 +3,7 @@
   margin: 0;
 }
 
+/* PAGE SECTIONS */
 body {
   color: #444;
   font-family: sans-serif;
@@ -28,7 +29,7 @@ article {
   padding-right: 40px; */
   padding: 20px 40px;
   margin-bottom: 60px;
-  height: 80px;
+  /* height: 80px; */
 }
 .post-header {
   margin-bottom: 40px;
@@ -41,6 +42,7 @@ aside {
   width: 500px;
 }
 
+/* SMALLER ELEMENTS */
 h1,
 h2,
 h3 {
@@ -69,6 +71,7 @@ p {
   font-size: 22px;
   line-height: 1.5;
   margin-bottom: 15px;
+  /* display: inline; */
 }
 ol,
 ul {
@@ -78,6 +81,7 @@ ul {
 li {
   font-size: 20px;
   margin-bottom: 10px;
+  /* display: inline; */
 }
 li:last-child {
   margin-bottom: 0;
@@ -159,4 +163,18 @@ footer p {
 .post-image {
   width: 100%;
   height: auto;
+  /* margin: 100px; */
+}
+
+nav a:link {
+  /* background-color: orangered;
+  margin: 20px;
+  padding: 20px;
+  display: block; */
+  margin-right: 30px;
+  margin-top: 10px;
+  display: inline-block;
+}
+nav a:link:last-child {
+  margin-right: 0;
 }