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
- Flexbox
- CSS Grid
- Mobile-first workflow
- Responsive approach
Whit this challenge, i strengthned my CSS Grid and CSS Flexbox skills by implementing some of their attributes. I'm getting more confident creating responsive webpage despite i still make some mistakes and i'm also getting used to use the position attribute.
some meaningful code snippets:
.quotation{
position:absolute;
z-index: 0;
}
.jeanette__section > p
I want to keep learning about CSS Grid and CSS FLexbox. I also want to improve the way i apply accessibility by using the right html selectors and finally i will continue focusing on building responsive webpages.
- CSS Position - This video helped me understand CSS Position.
- Frontend Mentor - @dialejo24
- Github - @dialejo24