Підсумковий тест "Можливості та застосування CSS"

#garden

{display: grid;

grid-template-columns: (8,12.5%);

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 1fr 5fr;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 75px 3fr 2fr;

grid-template-rows: 100%;}

#garden

{display: grid;

grid-template: 60%/200px;}

#garden

{display: grid;

grid-template-columns: 50%;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 100px 3em 40%;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 20% 20% 20% 20% 20%;

grid-template-rows: 20% 20% 20% 20% 20%;}

.water {order: 0;}

.poison {order: -1;}

#garden

{display: grid;

grid-template: 60%/200px;}

#garden

{display: grid;

grid-template: 1fr 50px/1fr 80%;}

#garden

{display: grid;

grid-template: 60%/200px;}

#garden

{display: grid;

grid-template-columns: 75px 3fr 2fr;

grid-template-rows: 100%;}

#garden

{display: grid;

grid-template-columns: 50px repeat(3, 1fr) 50px;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 100px 3em 40%;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: (8,12.5%);

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 50%;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 50px repeat(3, 1fr) 50px;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 50%;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 20% 20% 20% 20% 20%;

grid-template-rows: 20% 20% 20% 20% 20%;}

.water {order: 0;}

.poison {order: -1;}

#garden

{display: grid;

grid-template-columns: 1fr 5fr;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template-columns: 75px 3fr 2fr;

grid-template-rows: 100%;}

#garden

{display: grid;

grid-template-columns: 20% 20% 20% 20% 20%;

grid-template-rows: 50px 0 0 0 1fr;}

#garden

{display: grid;

grid-template-columns: 75px 3fr 2fr;

grid-template-rows: 100%;}

#garden

{display: grid;

grid-template-columns: 1fr 5fr;

grid-template-rows: 20% 20% 20% 20% 20%;}

#garden

{display: grid;

grid-template: 1fr 50px/1fr 80%;}

#pond

{display: flex;

flex-wrap: wrap;

align-content: flex-start;}

#pond

{display: flex;

flex-flow: column-reverse wrap-reverse;

align-content: space-between;

justify-content: center;}

#pond

{display: flex;

flex-flow: column wrap;}

#pond

{display: flex;

align-items: flex-start;}

.yellow

{align-self: flex-end;}

#pond

{display: flex;

align-items: flex-start;}

.yellow

{align-self: flex-end;}

#pond

{display: flex;

flex-wrap: wrap;}

#pond

{display: flex;

flex-flow: column wrap;}

#pond

{display: flex;

flex-wrap: wrap;

flex-direction: column-reverse;

align-content: center;}

#pond

{display: flex;

flex-wrap: wrap;

flex-direction: column-reverse;

align-content: center;}

#pond

{display: flex;

flex-flow: column wrap;}

#pond

{display: flex;

flex-wrap: wrap;

align-content: flex-start;}

#pond

{display: flex;

flex-flow: column-reverse wrap-reverse;

align-content: space-between;

justify-content: center;}

#pond

{display: flex;

flex-wrap: wrap;

flex-direction: column-reverse;

align-content: center;}

#pond

{display: flex;

flex-wrap: wrap;}

#pond

{display: flex;

flex-flow: column-reverse wrap-reverse;

align-content: space-between;

justify-content: center;}

#pond

{display: flex;

flex-wrap: wrap;

align-content: flex-start;}

#pond

{display: flex;

align-items: flex-start;}

.yellow

{align-self: flex-end;}

#pond

{display: flex;

flex-flow: column wrap;}

#pond

{display: flex;

flex-wrap: wrap;

flex-direction: column-reverse;

align-content: center;}

#pond

{display: flex;

flex-flow: column-reverse wrap-reverse;

align-content: space-between;

justify-content: center;}

#pond

{display: flex;

flex-wrap: wrap;}

#pond

{display: flex;

flex-wrap: wrap;

align-content: flex-start;}

#pond

{display: flex;

flex-wrap: wrap;

flex-direction: column-reverse;

align-content: center;}

#pond

{display: flex;

flex-flow: column-reverse wrap-reverse;

align-content: space-between;

justify-content: center;}