Scribd
Upload
73 views1 page

Flexboxfroggy PDF

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.

Uploaded by

Nathanael Reis Silva
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
73 views1 page

Flexboxfroggy PDF

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.

Uploaded by

Nathanael Reis Silva
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 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