Scribd Logo
Upload

Welcome to Scribd!

  • Flexboxfroggy PDF

    Uploaded by

    Nathanael Reis Silva
    25 views1 page
    This document contains 24 lines describing different CSS flexbox properties including justify-content, align-items, flex-direction, order, align-self, flex-wrap, align-content, and flex-flow that control the layout of flex items in a flex container.

    Original Description:

    Original Title

    FLEXBOXFROGGY.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains 24 lines describing different CSS flexbox properties including justify-content, align-items, flex-direction, order, align-self, flex-wrap, align-content, and flex-flow that control the layout of flex items in a flex container.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    25 views1 page

    Flexboxfroggy PDF

    Uploaded by

    Nathanael Reis Silva
    This document contains 24 lines describing different CSS flexbox properties including justify-content, align-items, flex-direction, order, align-self, flex-wrap, align-content, and flex-flow that control the layout of flex items in a flex container.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    1.

    justify-content: flex-end;
    2. justify-content: center;
    3. justify-content: space-around;
    4. justify-content: space-between;
    5. align-items: flex-end;
    6. align-items: center; justify-content: center;
    7. justify-content: space-around; align-items: flex-end;
    8. flex-direction: row-reverse;
    9. flex-direction: column;
    10. flex-direction: row-reverse; justify-content: flex-end;
    11. flex-direction: column; justify-content: flex-end;
    12. flex-direction: column-reverse; justify-content: space-between;
    13. flex-direction: row-reverse; justify-content: center; align-items: flex-end;
    14. order: 1;
    15. order: -3;
    16. align-self: flex-end;
    17. align-self: flex-end; order: 1;
    18. flex-wrap: wrap;
    19. flex-direction: column; flex-wrap: wrap;
    20. flex-flow: column wrap;
    21. align-content: flex-start;
    22. align-content: flex-end;
    23. flex-direction: column-reverse; align-content: center;
    24. flex-flow:column-reverse wrap-reverse; justify-content:center; align-content:space-
    between;

    You might also like