Frontend Mentor - Testimonials grid section solution
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.
Table of contents
- Overview
- The challenge
- Screenshot
- Links
- Built with
- What I learned
- Continued development
- Useful resources
- Author
- Acknowledgments
Overview
The challenge
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
Screenshot
Links
- Solution URL: (https://github.com/BlessingEmejulu/Testimonials-Grid-Section)
- Live Site URL:(https://testimonialbyb.netlify.app/)
My process
Built with
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
Continued development
I will try to apply mobile first approach of responsive web design.
Useful resources
- How to Take the Right Approach to Responsive Web Design - This helped me to understand how to use media queries and right units for responsive web design. I really liked this pattern and will use it going forward.
Author
- Website - Blessing Emejulu
- Frontend Mentor - @BlessingEmejulu
- Twitter - @BlessingEmeju1
Acknowledgments
Thank to Charmann, Kelvin Powell and freecodecamp blog for helping me to create this effortlesslly.