tod
/
odin-default-css-exercises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
This commit is contained in:
SupraSensum 2023-08-11 14:20:16 -03:00
parent 320c1642b6
commit 061fe0abaa
1 changed files with 1 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
flex/06-flex-layout/solution/solution.css
View File

@ -23,7 +23,6 @@ input {
border-radius: 16px; border-radius: 16px;
padding: 8px 24px; padding: 8px 24px;
width: 400px; width: 400px;
margin-bottom: 16px;
} }
/* SOLUTION */ /* SOLUTION */
@ -43,6 +42,7 @@ button {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
gap: 16px;
} }
a { a {