Assessment wanted for Grid layout 1 skill test exercise

MDN Learn
1

Hi,
I completed Grid Layout test: Test your skills: Grid - Learn web development | MDN

Please review my codes. Thanks.
Task 1: https://codepen.io/user4292357/pen/rNeyZMX

Task 2: https://codepen.io/user4292357/pen/vYGxzxZ
Question: Did I solve this correctly?

Can you now cause the first item to display on top without changing the order of items in the source?

Task 3: https://codepen.io/user4292357/pen/zYqZJdG

Task 4: https://codepen.io/user4292357/pen/VwapGxz
Question: how should I center the tag underneath the image? I thought this should work but it didn’t:

.tags {
    justify-content: center;
}
2

Hello @bb8

all this is perfect well done
exactly use justify-content: center; and i notice you used width: 80%;
which will not make it look like it center related t the image

some time codpen missbehave so to overcome this from time to time i select everything in the html panel then cut and wait till it rerender the result panel then paste it back

hope that help and have a nice day :slightly_smiling_face:

3

ohh i don’t know why i put that width: 80%;, maybe to try things and forgot to remove :face_with_hand_over_mouth:
thanks for pointing it out :+1: without it justify-content: center; works

4

glad it worked and i do worse than that :joy:

you welcome and have a nice day :slight_smile: