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
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
Hi @DIPU_PRADHAN and welcome to the community
Here are some hints:
<div>
s need to be removed.<ul>
has a fixed width we need the flex-wrap
property to make it wrap automatically.<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.
Have a nice day,
Michael