Submitted 12 months ago
9th Project - Testimonial Grid Section
@FrontEndHighRoller
Design comparison
SolutionDesign
Solution retrospective
I thought this was going to be very hard, but it was actually really easy.
What I have learned:
SET PARENT CONTAINER
.parent_container{
display: grid; gap: 20px;
grid-auto-columns: 1fr;
grid-template-areas: "one" "two" "three" "four" "five"; }
SET CHILD CONTAINERS
.child_container:nth:child(1)
{grid-area: "one"}
.child_container:nth:child(2)
{grid-area: "two"}
.child_container:nth:child(3)
{grid-area: "three"}
.child_container:nth:child(4)
{grid-area: "four"}
.child_container:nth:child(5)
{grid-area: "five"}
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord