Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit 061fe0a

Browse files
committedAug 11, 2023
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
1 parent 320c164 commit 061fe0a

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed
 

‎flex/06-flex-layout/solution/solution.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,6 @@ input {
2323
border-radius: 16px;
2424
padding: 8px 24px;
2525
width: 400px;
26-
margin-bottom: 16px;
2726
}
2827

2928
/* SOLUTION */
@@ -43,6 +42,7 @@ button {
4342
align-items: center;
4443
justify-content: center;
4544
flex-direction: column;
45+
gap: 16px;
4646
}
4747

4848
a {

0 commit comments

Comments
 (0)
Failed to load comments.