Skip to content

Commit 10e17c4

Browse files
committed
feat: the flex property
1 parent bb4625f commit 10e17c4

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

starter/04-CSS-Layouts/flexbox.html

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,9 +50,29 @@
5050
margin-right: 30px;
5151
} */
5252

53+
.el {
54+
/* DEFAULTS:
55+
flex-grow: 0;
56+
flex-shrink: 1;
57+
flex-basis: auto; */
58+
59+
/* * Not make the child elements shrink
60+
flex-basis: 400px;
61+
flex-shrink: 0;
62+
=
63+
flex: 0 0 400px;
64+
*/
65+
66+
flex-basis: 100px;
67+
/* flex-grow: 1; */
68+
flex: 1;
69+
}
70+
5371
.el--1 {
5472
/* Make this element vertically at the top of the container */
5573
align-self: flex-start;
74+
75+
flex-grow: 2;
5676
}
5777

5878
.el--5 {

0 commit comments

Comments
 (0)