[CSS] Flex Froggy 정답

Flex Froggy에서 할 수 있는 flex 개념 익히기 게임

• 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단계 정답 : justify-content: center; align-items: 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: 3;
• 15단계 정답 : order: -1;
• 16단계 정답 : align-self: flex-end;
• 17단계 정답 : order: 1; align-self: flex-end;
• 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; align-content: space-between; justify-content: center;