Page: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids#test_your_skills!
Task 1:
Task2:
Task3:
Task4:
Thank you so much for your time
Page: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Grids#test_your_skills!
Task 1:
Task2:
Task3:
Task4:
Thank you so much for your time
Amazing work @Sarai_Atoche_Pascual
Congratulations!
I like how you used different versions to solve the various problems. As far as I see all variations are correct.
I have just an additional question:
In task 2 you used z-index
which is absolutely fine. There’s another CSS property which has the same effect in this case that is more of a “grid-way” to solve it. Can you find out which property I’m talking about?
Have a nice day,
Michael
Hello @mikoMK
I’m looking but I can’t find what property it is, I’ve seen that they use the z-index property, but I can’t find another property that does something similar, could you help me please?
I’m talking about the order property. It is used to change the visual order of elements in Flexbox or Grid. It’s initial value is 0
. When we set order: 1;
on the first item it gets painted after the second item and therefore is on top of it.