Submitted about 2 years ago

Landing page using GRID in css

Jesse Adjomo•130

@Bahbah89

A solution to the Testimonials grid section challenge

Preview Code

Solution retrospective

What did I learn?

Learning how to use diplay: grid, grid-template-columns / rows (repeat)
Using grid-column and grid-row for the necessary items in the container
using float and clear: both
Using position absolute and relative

What did I find difficult while building the project?

Making the same layout for smaller screens, my simple solution was to just add @media and use flex-direction: column. Any feedback on solving this is welcome :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jesse Adjomo's solution.

Join 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