Assessment wanted for the Grid Tasks: 1, 2, 3 & 4

Hello!

I hope you all are well and healthy. Following, there are four grid tasks for assessment.

The assessment link is:

My Glitch links are:
https://grid-task-1.glitch.me


https://grid-task-2.glitch.me

For the additional question of Task 2, the answer is:

If we increase the value of z-index for the item1 to “2” then the item1 will display on the top and the item2 will go down to item1.

https://grid-task-3.glitch.me


https://grid-task-4.glitch.me

Thank you in advance for your time and assessment.

Have a nice day! :slightly_smiling_face:

Arshad

Hi @sarshas356

Congratulations! All tasks are correctly solved.

In task2 the z-index: 1; on the second element doesn’t do anything, because it’s already after the first one in the source order. You could use this prop on the first item to solve the additional question.
While using z-index on a grid to do this works, there’s also another property that’s more the “grid-way” to solve it. Are you able to find out which one I’m talking about?

Have a nice day,
Michael

Thanks for your time and assessment.

This is correct. The z-index: 1; should be on the item1 not on the item2 because item2 is already after the first one in the source order.

This is order property.

Thanks.

Arshad

Hello!

Flexbox and “Typesetting a community school homepage” tasks are also waiting for assessment in the bottom of the list.

Thanks.

Arshad

Correct!

Thanks for mentioning. I was away for a few month and missed them. I will have a look at them soon.

No problem. Thanks.

Have a nice day! :slightly_smiling_face:

Arshad

1 Like