Submitted 10 months ago

Testimonials Grid section (Mobile Responsive Design)

majdiachour1• 40

@majdiachour1

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

My third project using HTML and CSS. My second with CSS Grid. Any remarks on my code or improvement I can make would be appreciated.

Community feedback

Daniel 🛸• 44,230

@danielmrz-dev

Posted 10 months ago

Hello @majdiachour1!

Your project looks very nice!

You may consider adding a box-shadow to your container. It'll look even closer to the original design.

Other than that, great job!

Reda• 70

@redaEL03

Posted 10 months ago

body { min-height: 100vh; background-color: #EDF2F8; font-family: Rubik; margin: 0px; width: min(90%, 90rem); margin-inline: auto; }

    .large-container {
        display:grid;
        grid-gap: 0px;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        /*! position:absolute; */
        /*! left: 250px; */
        /*! top: 60px; */
        /*! bottom: 60px; */
    }

you can use that is butter.

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