Assessment wanted for flexbox skill test 1 (Tasks 1-4)

Assessment wanted for flexbox skill test 1 (Tasks 1-4)

Link to task: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox_skills#task_1

Links to my code:
Task-1: https://jsfiddle.net/EiNzp/97z8jqLt/3/
Task-2: https://jsfiddle.net/EiNzp/b4auLqh1/
Task-3: https://jsfiddle.net/EiNzp/y0jgLuvk/
Task-4: https://jsfiddle.net/EiNzp/6sua8yen/2/

Thanks :wink:

Great work, @EiN!

Everything works as expected. Just some remarks:

  • For the additional question of task 2 you could also use li:first-child as the selector.
  • Task 3: Itโ€™s cool that you coded three solutions. :slightly_smiling_face:
  • Task 4: justify-content: space-between; doesnโ€™t have an effect because flex: auto; makes the items use all available space.

Have a nice weekend,
Michael

2 Likes