Submitted about 2 years ago

testimonials grid section

Adeniyi Smart• 520

@Iamweird2

Preview site View code

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

hi, please add review. thanks

Community feedback

Rio Cantre• 9,710

@RioCantre

Posted about 2 years ago

Hello there! Great work with this one. Regarding the solution you submitted, I think you should also take notes of the following…

Add background-color: hsl(210, 46%, 95%); in the <body> tag not the .body class
Include margin-top: 5rem; in the .body rule set
Instead of a div, alternatively wrap it with a main tag . Use semantic tags, for HTML structures, refer it with this one Semantics
Include description with the alt in image tags. Like this line <img src="images/image-jeanette.jpg" alt="" class="img">

Above all, The design looks good. Keep it up!

Dev Rathore• 2,600

@GitHub-dev12345

Posted about 2 years ago

To reduce the accessibility change this code . 👇

<div class="body">. to <main> ( used main tag). I hope you find this helpful 😊

Dev Rathore• 2,600

@GitHub-dev12345

Posted about 2 years ago

Congratulations 🎉🎉

Used this code want your card in center position :

in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }

in Card Design CSS Code used this property: align-self: center; position

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