What are you most proud of, and what would you do differently next time?
I learned how to create a responsive CSS Grid layout including grid items which are spanning across multiple rows and columns.
What challenges did you encounter, and how did you overcome them?
I wasn't sure which CSS Grid approach I should use. So I tried different approaches like spanning individual grid items across multiple rows/columns with grid-row: 1 / span 2; or grid-column: 1 / 3;.
But in the end I decided to use grid-template-areas, because it's really easy to understand how the grid items are positioned:
.testimonial-list {
grid-template-areas:
'one one two five'
'three four four five';
}
```
@MikDra1
Posted
If you change the design throughout the width of screen the best way is to use grid-areas because then it will be the easiest for you to easily change the layout. However if you don’t want to change the layout throughout the screen width then you can also use grid-column and grid-row
If this comment was useful please mark it as helpful ❤️
Good job and keep going ☺️😊😉
Marked as helpful
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
