Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Testimonials with grid and Flexbox

P
Tuna Erten 220

@tunaerten

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I became more familiar with the grid concept, which I wasn't very accustomed to before. I realized I needed to do some research and reading about grids. It seemed more complicated than Flex, but now I understand it better. Especially in the desktop version, I became more accustomed to the placement and ordering of grids. It took me a long time to finish the project because there was a gap in time, and unfortunately, I had to remember and review the old code at each restart. However, I believe I have a much better understanding of the grid system now. The challenges are really well-prepared and improve practice with each step.

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

I had worked with grids before, but not in depth—just superficially. In this project, I had to do a lot more research and review my knowledge again.

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

Each grid section grows and shrinks according to its content as the page size changes. However, some articles are not as long as others, and this leaves empty spaces at the bottom of the page, which doesn’t look very good from a layout perspective. I tried using Flexbox with space-between and space-around for the articles, but since each article is a grid item, the empty spaces at the bottom did not close up. It seems these methods are not very ideal for this situation. I would appreciate any help or suggestions on how to address this issue.

Community feedback

@BlasVernazza06

Posted

Bastante preciso en cuanto al ideal, te falto nomas eliminar los elementos que vienen por defecto

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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