I am stuck and do request an assessment for “Grid Layout Skill Tests"

MDN Learn
#1

hi everyone, I have just completed grid layout skill tests.
I would like you to review my code for first three tests.
Also I am stuck with the last test (grid and flex layout test). I just tried to solve it but could not achieve the grid part.
May you please help me for that?
I do appreciate for your review and help beforehand.

#2

Hello again, @bedribulut

Task 1-3 are correct. order: 1 would be enough in task 2 since the default is 0.

The idea for task 4 is to use grid for the container and flex for the tags. Here is a template with all necessary properties where you can fill out the appropriate values. The width is there to make it look similar to the solution image.

.container {
  width: 750px;
  display: grid;
  gap: ;
  grid-template-columns: ;
}

.tags {
  display: flex;
  flex-wrap: ;
  justify-content: ;
}

I hope that helps. Please tell me when you found the solution or need more help. :slightly_smiling_face:

Cheers,
Michael

2 Likes
#3

Hi @mikoMK , I really appreciate for your help. It means a lot for me. I just wanted to let you know that I have updated my code.
Have a nice day.

#4

Perfect!
Task 4 is a bit tricky, but you did a great job. :+1:

2 Likes
#5

thanks to your valuable support.

2 Likes