Skip to content
Submitted over 3 years ago

Responsive Grid Testimonials section using HTML, CSS

Niti Mittal•260
@NitiMittal
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first project using Grid layout. I was not confident about grids. Before starting this project I have taken some online tutorials for grid and then I started to work on this assignment. After doing this assignment, I am so confident that now I can use grids very easily.

I am welcome to feedbacks and suggestions.

Code

Please log in to post a comment

Log in

Community feedback

  • Dev Rathore•2,540
    @GitHub-dev12345

    If you want to reduce accessibility to change this code 😊

    <div class="container"> to <main> ( Used main tag );
  • Dev Rathore•2,540
    @GitHub-dev12345

    Congratulation 🚀😁 complete your challenge. 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;

    I hope you find this helpful 😊 .

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