Solution for Layout exercise in HTML and CSS Part2

HTML/CSS
1

I am unable to make the 3rd layout with grid for 1024px screens, Can anyone share the Mosh solution because I cannot find it?

1 Like
2

If Im not wrong on the same page that you have the exercise Mosh provide a zip file with the solution…

That was my solution:

@media screen and (min-width: 1024px) {

.gallery {
grid-template-columns: 1fr 1fr 1fr;
}

.gallery img:nth-child(2) {
grid-column: 2/-1;
grid-row: 1/3;
}

}

3

can anyone please share the mosh’s answer.

4

Could you please upload the solution file?

6

I also need the solution to compare my solution with the instructor one please share with us!