finshed Styling Info Section

Author: CodingfromSaddam

css/main.css

@@ -30,7 +30,7 @@ body {
 }
 
 img {
-  max-width: 100px;
+  max-width: 100%;
 }
 
 .wrapper {
@@ -146,3 +146,18 @@ img {
   padding: 1.5rem 2rem;
   box-shadow: var(--shadow);
 }
+
+/* ====== End Boxes Section ======*/
+
+/* ====== Start Info Section- ======*/
+
+.info {
+  background-color: var(--primary);
+  box-shadow: var(--shadow);
+  display: grid;
+  grid-gap: 30px;
+  grid-template-columns: repeat(2, 1fr);
+  padding: 3rem;
+}
+
+/* ====== End Info Section- ======*/