Skip to content

Instantly share code, notes, and snippets.

@m4n50n
Created November 13, 2021 19:06
Show Gist options
  • Save m4n50n/b3853ae957d2b4e6fb3ac2a3aac6d3a5 to your computer and use it in GitHub Desktop.
Save m4n50n/b3853ae957d2b4e6fb3ac2a3aac6d3a5 to your computer and use it in GitHub Desktop.
Flexbox Defense level 12 solution
.tower-group-1 {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.tower-1-1 {
align-self: flex-start;
}
.tower-1-3 {
order: 3;
}
.tower-1-5 {
align-self: flex-end;
order: 10;
}
@asm-dev
Copy link

asm-dev commented Nov 10, 2022

I couldn't run this code. Adding order settings to the remaining tower seems to also be needed. Here's the code for the towers that I've used on my solution:

.tower-1-2 {
order: 1;
}
.tower-1-3 {
order: 3;
}
.tower-1-4 {
order: 2;
}
.tower-1-5 {
order: 4;
}

@m4n50n
Copy link
Author

m4n50n commented Nov 10, 2022

I couldn't run this code. Adding order settings to the remaining tower seems to also be needed. Here's the code for the towers that I've used on my solution:

.tower-1-2 { order: 1; } .tower-1-3 { order: 3; } .tower-1-4 { order: 2; } .tower-1-5 { order: 4; }

Hello @asm-dev !, I have just tried to see if they have changed something and it has worked for me. I appreciate your comment and your other solutions!😀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment