Submitted 6 months ago

Using grid and flex for responsive UI, use quote as background image

Chanokthorn Uerpairojkit•190

@Chanokthorn

A solution to the Testimonials grid section challenge

Preview Code

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Unsure of how to handle UI when column does not flow normally, handled with hard-coded row and column selector of grid.

What specific areas of your project would you like help with?

I'd like to know what would be the appropriate approach on handling these layouts when the flow of cards is dynamic.
On desktop view, what would be the way to determine the height and width of each cards? Should it be set on cards, or set on container such as grid/flex?
Any suggestions will be very appreciated.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Chanokthorn Uerpairojkit'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