Table of contents

Flex CSS

%3 cluster_31f93db4_00c7_442f_956b_1fd1bb6b31df Flex CSS cluster_6e0332da_abae_4c25_b89e_3a3979b3b55f Learning cluster_b8796580_c7f9_4779_b51e_ed289426828e Flexbox Froggy _e49fc149_8af7_42c4_a394_8ee5ffdb59eb Final level _8ef7c183_96b8_4f2f_ac66_8e1fb9790cb8 https://codepip.com/games/grid-garden/ _8ef7c183_96b8_4f2f_ac66_8e1fb9790cb8->__0:cluster_b8796580_c7f9_4779_b51e_ed289426828e _68ac987f_ec3e_414e_9f8c_bf047fc732af CSS __1:cluster_31f93db4_00c7_442f_956b_1fd1bb6b31df->_68ac987f_ec3e_414e_9f8c_bf047fc732af

Learning

DONE

Flexbox Froggy

webtutorialgame

Very interesting introduction to Flexbox elements and the properties that affect them.

Final level

spoiler 

#pond {
    display: flex;

    flex-flow: column-reverse wrap-reverse;
    justify-content: center;
    align-content: space-between;
}