Flexbox Zombies Challenge 12.7: Please Review My Code

Javascript Course 2021
#1

@zsolt-nagy, can you or another Admin. please review my code below and reply back to tell me what I’m doing wrong (I assume it’s related to “flex-shrink”). Without a resolution to this, I cannot move forward to complete these 5 remaining lessons (Chapter 12, 9 thru 13).

Thanks for the help:-).

crossbow {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.target:nth-of-type(2) {
  align-self: stretch;
}

.target:nth-of-type(3) {
  flex: auto;
}
#2

Sorry, @zsolt-nagy or another Admin. PLEASE DISREGARD THIS POST.

I spoke too soon and no longer need help as I figured out the issue (my assumption was right after removing “flex: auto”).

I can now move on to the remaining 4 lessons.

3 Likes
#3

Any chance you could tell what you did, I’ve been stuck on this for far too long, thanks in advance to anyone who can help.

1 Like
#4

I need some help with challenge 6.8. Please, anyone, thank you.
This is my code.

crossbow {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}

.target:nth-of-type(2) {
align-self: stretch;
flex-grow: 2;
flex-shrink: 3;
}

.target:nth-of-type(3) {
align-self: flex-start;
flex-grow: 1;
flex-shrink:0;
}

1 Like
#5

figured it out, it was the shrink ratio on the second zombie. Flex-shrink:2;

crossbow {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}

.target:nth-of-type(2) {
align-self: stretch;
flex-grow: 2;
flex-shrink: 2;
}

.target:nth-of-type(3) {
align-self: flex-start;
flex-grow: 1;
flex-shrink:0;
}

3 Likes
#6

Hi,

I am also stuck on this one chapter 12.7 flexbox zombies. Does anyone now what is wrong?:

crossbow {
display:flex;
flex-direction:column;
align-items:center;

}

.target:nth-of-type(2) {
align-self:stretch;

}

.target:nth-of-type(3) {
flex:none;

}

1 Like