feat: building a simple float layout.

Author: Uribouz

starter/04-CSS-Layouts/style.css

@@ -14,15 +14,14 @@ body {
 }
 
 .container {
-  width: 800px;
+  width: 1200px;
   /* margin-left: auto;
   margin-right: auto; */
   margin: 0 auto;
 }
 
 .main-header {
   background-color: #f7f7f7;
-  background-color: red;
   /* padding: 20px;
   padding-left: 40px;
   padding-right: 40px; */
@@ -301,3 +300,20 @@ nav {
 }
 
 /* * !!! Remember that 'float' is an old way to layout website */
+
+article {
+  /* background-color: green; */
+  width: 825px;
+  float: left;
+}
+
+aside {
+  /* background-color: red; */
+  width: 300px;
+  float: right;
+}
+
+footer {
+  /* background-color: yellow; */
+  clear: both; /* * Clear the float: return to normal-flow */
+}