This is a solution to the Social proof section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
I'm worked with flexbox and grid layout.
.social-proof {
width: 90%;
display: grid;
grid-template-columns: 1fr;
grid-gap: 2.5em;
grid-template-areas:
"proof-info-item"
"rated-info-item"
"users-info-item";
}