This is a solution to the Testimonials grid section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
@media (max-width: 800px){
#testimonial{
grid-template-columns: 1fr;
width: 100%;
}
.card:nth-of-type(1){
grid-column: 1;
}
.card:nth-of-type(4){
grid-column: 1;
grid-row: 4;
}
.card:nth-of-type(5){
grid-column: 1;
grid-row: 5;
}
}
- Frontend Mentor - @Trayshmhirk
- Twitter - @TrayShmhirk01