build layout with float

Author: GulsahDuzgun

starter/03-CSS-Fundamentals/index.html

@@ -149,8 +149,7 @@ <h4>Related posts</h4>
           </li>
         </ul>
       </aside>
-
-      <footer>Copyright &copy; 2027 by The Code Magazine.</footer>
+      <footer>Copyright &copy; 2027 by The Code Magazine</footer>
     </div>
   </body>
 </html>

starter/03-CSS-Fundamentals/style.css

@@ -8,13 +8,12 @@
 body {
   color: #444;
   font-family: sans-serif;
-
   border-top: 10px solid #1098ad;
   position: relative;
 }
 
 .container {
-  width: 800px;
+  width: 1200px;
   /* margin-left: auto;
   margin-right: auto; */
   margin: 0 auto;
@@ -111,14 +110,6 @@ li:last-child {
   margin-bottom: 0;
 }
 
-/* footer p {
-  font-size: 16px;
-} */
-
-/* article header p {
-  font-style: italic;
-} */
-
 #author {
   font-style: italic;
   font-size: 18px;
@@ -132,23 +123,10 @@ li:last-child {
   font-size: 18px;
   font-weight: bold;
 }
-
-/* ul {
-  list-style: none;
-} */
-
 .related {
   list-style: none;
 }
 
-body {
-  /* background-color: orangered; */
-}
-
-/* .first-li {
-  font-weight: bold;
-} */
-
 li:first-child {
   font-weight: bold;
 }
@@ -288,3 +266,17 @@ nav p {
   content: "";
   display: block;
 }
+
+article {
+  float: left;
+  width: 870px;
+}
+
+aside {
+  float: right;
+  width: 300px;
+}
+
+footer {
+  clear: both;
+}