From 960fd765722b25f2dc7df2063bc129895c920fa6 Mon Sep 17 00:00:00 2001
From: Arjun <arjunsingh8112@gmail.com>
Date: Fri, 27 Jan 2023 07:22:49 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=B2=20Fix=20inconsistency=20in=20solut?=
 =?UTF-8?q?ion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 flex/07-flex-layout-2/solution/solution.css | 84 +++++++++++----------
 1 file changed, 43 insertions(+), 41 deletions(-)

diff --git a/flex/07-flex-layout-2/solution/solution.css b/flex/07-flex-layout-2/solution/solution.css
index 3ca1867..fe622fd 100644
--- a/flex/07-flex-layout-2/solution/solution.css
+++ b/flex/07-flex-layout-2/solution/solution.css
@@ -1,87 +1,89 @@
 body {
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-  margin: 0;
-  min-height: 100vh;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
+  Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+ margin: 0;
+ min-height: 100vh;
 }
 
 .header {
-  height: 72px;
-  background: darkmagenta;
-  color: white;
+ height: 72px;
+ background: darkmagenta;
+ color: white;
 }
 
 .footer {
-  height: 72px;
-  background: #eee;
-  color: darkmagenta;
+ height: 72px;
+ background: #eee;
+ color: darkmagenta;
 }
 
 .sidebar {
-  width: 300px;
-  background: royalblue;
+ width: 300px;
+ background: royalblue;
 }
 
 .card {
-  border: 1px solid #eee;
-  box-shadow: 2px 4px 16px rgba(0,0,0,.06);
-  border-radius: 4px;
+ border: 1px solid #eee;
+ box-shadow: 2px 4px 16px rgba(0, 0, 0, 0.06);
+ border-radius: 4px;
 }
 
 /* SOLUTION */
 
 body {
-  display: flex;
-  flex-direction: column;
+ display: flex;
+ flex-direction: column;
 }
 
 .header {
-  display: flex;
-  align-items: center;
-  padding: 0 16px;
-  font-size: 32px;
-  font-weight: 900;
+ display: flex;
+ align-items: center;
+ padding: 0 16px;
+ font-size: 32px;
+ font-weight: 900;
 }
 
 .body {
-  flex: 1;
-  display: flex;
+ flex: 1;
+ display: flex;
 }
 
 .sidebar {
-  flex-shrink: 0;
-  padding: 16px;
+ flex-shrink: 0;
+ box-sizing: border-box;
+ padding: 16px;
 }
 
 ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
 }
 
 li {
-  margin-bottom: 16px;
+ margin-bottom: 16px;
 }
 
 a {
-  color: white;
-  text-decoration: none;
-  font-size: 24px;
+ color: white;
+ text-decoration: none;
+ font-size: 24px;
 }
 
 .container {
-  padding: 32px;
-  display: flex;
-  flex-wrap: wrap;
+ padding: 32px;
+ display: flex;
+ flex-wrap: wrap;
 }
 
 .card {
-  padding: 16px;
-  margin: 16px;
-  width: 300px;
+ padding: 16px;
+ margin: 16px;
+ width: 300px;
 }
 
 .footer {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
 }