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.
- Solution URL: (https://github.com/jacey10/fm-testimonials-grid-section)
- Live Site URL: (https://jacey10.github.io/fm-testimonials-grid-section/)
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
-
It's my first time of placing items using 'grid-area'. I found it very easy to learn and it was fun.
-
For the mobile layout, I applied a width of 100% to allow the card to stretch. For the bigger screen sizes, I used height of 100% to let the cards stretch also.
- I would continue to explore how to create layouts that are responsive across many screens and devices.
- Website - Jacey Blog
- Frontend Mentor - @jacey10
- Twitter - @jacey_muna
