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

Example Grid

@Yorhs-Malasquez

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


¿Qué te resultó difícil mientras construías el proyecto? al inicio como estructurar el HTML. ¿De qué áreas de tu código no estás seguro? los css ¿Tiene alguna pregunta sobre las mejores prácticas? si la comunidad pudiera ayudarme a realizar mejores prácticas, les agradecería.

Community feedback

Naveen CB 420

@Naveen-CB

Posted

Hello @Yorhs-Malasquez your solution looks good and I have some suggestion to improve your code that will make your upcoming project more easy.

.bg-pattern-quotation
{
  position: absolute;
  top: 2px;
  right: 48px;
  z-index: 0;
  height: 140px;
}

Instead of using position: absolute, try using this:

.bg-pattern-quotation
{
  background-img: url('images/bg-pattern-quotation.svg');
  background-position: top right 20%;
  background-repeat: no-repeat; 
}

Actually I too used position absolute, and then find out this would be more effective solution.

I hope this might be helpful to you, Happy learning. ❤️

Marked as helpful

1

@Yorhs-Malasquez

Posted

Hola, @Naveen-CB!!!! Muchas gracias por el comentario. Lo pondré en practica.

1

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