Assessment wanted for flexbox skill test - task4

MDN Learn
#1

Hi everyone, I am not able to solve this task. Can anyone please help me with this?

codepen: https://codepen.io/dipu058/pen/vYdMGQZ

question: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox_skills#task_4

1 Like
#2

Hi @DIPU_PRADHAN and welcome to the community :wave:

Here are some hints:

  • You don’t have to target individual lines. The <div>s need to be removed.
  • Since the <ul> has a fixed width we need the flex-wrap property to make it wrap automatically.
  • On the <li> we need the flex property to expand the items.

So the final CSS should look like this (with the question marks replaced with the correct values):

ul {
  display: flex;
  flex-wrap: ???;
}

li {
  flex: ???;
}

I hope that gets you further. Feel free to ask more questions or show us the new version. :slightly_smiling_face:

Have a nice day,
Michael

2 Likes