Skip to content
Submitted about 1 month ago

Responsive Testimonials with grid

David França•100
@david-franca
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

Eu pude implementar e praticar um pouco mais o uso de seletores CSS e display Grid. Ainda não está perfeito, mas por agora é o suficiente para a prática atual.

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

Em como deixar o container do grid centralizado na tela sem fazer o scroll da tela aparecer devido ao tamanho da altura.

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

Nada em particular

Community feedback

  • P
    Jayco•330
    @jayco01Posted about 1 month ago

    I noticed that the text in the testimonials looks too small on larger screens, making it harder to read. Since this is a text-heavy design, adjusting the font size responsively would help a lot. Try using clamp() to make the text scale better across different screen sizes:

    font-size: clamp(1rem, 5vw, 2.5rem);

    This way, the text stays readable on smaller screens while getting larger on bigger screens

    0

Please log in to post a comment

Log in with GitHub

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