Submitted 6 months ago

Testimonial Grid Section

Julian Martin•150

@Juliancito1

Preview site View code

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?

I learn how to use css grid, I mostly use Grid but with Bootstrap framework (I think it is more easier).

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

I had problems with grid but I saw a tutorial and that's it

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

I had problems with the "Kira" second paragraph but I saw it was just to use line-height. If you find something let me know

Community feedback

Mihai•220

@h-mihailPosted 6 months ago

Good job! I think you can reduce the amount of CSS by adding the text color to the card class and creating a new class just for the opaque paragraph:

    .cardKira {
        grid-column: 4;
        grid-row: 1/3;
        color: var(--Very-dark-grayish-blue);
        background-color: var(--White);
    }
    .degree {
        opacity: 50%;
    }

You won't need any more

.cardKira div h6{
    ...
}

Please log in to post a comment

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