From 061fe0abaacbdf0a3ff66da54bf485f1098a0cfe Mon Sep 17 00:00:00 2001
From: SupraSensum <107372360+SupraSensum@users.noreply.github.com>
Date: Fri, 11 Aug 2023 14:20:16 -0300
Subject: [PATCH] Replace margin with gap - This is to keep with the flex
 spirit - Another solution might instead be to nest .input and .buttons into  
  their own container, then apply the gap property to that container.    This
 solves the visually uneven spacing between <img> and .input

---
 flex/06-flex-layout/solution/solution.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/flex/06-flex-layout/solution/solution.css b/flex/06-flex-layout/solution/solution.css
index 4969e83..d628095 100644
--- a/flex/06-flex-layout/solution/solution.css
+++ b/flex/06-flex-layout/solution/solution.css
@@ -23,7 +23,6 @@ input {
   border-radius: 16px;
   padding: 8px 24px;
   width: 400px;
-  margin-bottom: 16px;
 }
 
 /* SOLUTION */
@@ -43,6 +42,7 @@ button {
   align-items: center;
   justify-content: center;
   flex-direction: column;
+  gap: 16px;
 }
 
 a {