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.
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.
Cheers,
Michael
2 Likes
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.
Perfect!
Task 4 is a bit tricky, but you did a great job.
2 Likes
thanks to your valuable support.
2 Likes