CSS Help the frogs find their lilypads using flex-direction and justify-content . Notice that when the flex direction is a column, justify-content changes to the vertical and align-items to the horizontal. 1 2 3 4 5 6 7 8 9 10 #pond { display: flex; } Next Flexbox Froggy is created by Codepip • GitHub • Twitter • Another property you can apply to individual items align-self:flex-end; is align-self . This property accepts the same values as align-items and its value for the specific item. 1 2 3 4 5 6 7 8 9 10 #pond { display: flex; align-items: flex-start; } .yellow { } Next Flexbox Froggy is created by Codepip • GitHub • Twitter • flex-wrap:wrap; Oh no! The frogs are all squeezed onto a single row of lilypads. Spread them out using the flex-wrap property, which accepts the following values: nowrap : Every item is fit to a si...
Comments
Post a Comment