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
- Solution URL: Add solution URL here
- Live Site URL: https://testimonialsection.netlify.app/
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Visual Studio Code
- Chrome Developer Tools
In this project I learned how to use the CSS grid to display elements on a webpage:
<main>
<section class="review-1">
<aside class="review-2">
</main>
main {
width: 90vw;
height: 95vh;
display: grid;
grid-template: auto / auto auto;
justify-content: center;
align-items: center;
}
- Frontend Mentor - @devTetra
- Twitter - @tetra_codes