Skip to content
Submitted about 3 years ago

Responsive Design with CSS Grid || Mobile First || Grid Section

#bem#progressive-enhancement
Muh Suryadi Triputra Rahman•380
@msuryaditriputraR
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hello Front-End Mentors

I gave a box-shadow to my card section but it doesn't match the design. My question is, How to make card shadow like the design.

Other than that, is my code and structure best practice?

Thanks for your helps 🙌

Happy Coding ☕

Community feedback

  • Akhlak Hossain Jim•1,325
    @Akhlak-Hossain-JimPosted about 3 years ago

    Great work.

    But for quotes use q tag instead of p.

    0
    Muh Suryadi Triputra Rahman•380
    @msuryaditriputraRPosted about 3 years ago

    @Akhlak-Hossain-Jim Thanks Jim,

    Even if more than one line?, or i have to use blockqoute tag istead q?

    0
    Akhlak Hossain Jim•1,325
    @Akhlak-Hossain-JimPosted about 3 years ago

    @msuryaditriputraR yeah you can and should. Choose blockquote or q whatever it is or role attribute for the browser reader.

    Marked as helpful
    0
    Muh Suryadi Triputra Rahman•380
    @msuryaditriputraRPosted about 3 years ago

    @Akhlak-Hossain-Jim ok Thanks

    0

Please log in to post a comment

Log in with GitHub

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