Skip to content
Submitted almost 3 years ago

Testimonial using HTML and CSS only

Denis de Alencar Ferraz•120
@Denismapll
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

Hi guys, this is my first time using grid, I think I did well, if you have any suggestions, i'll be happy to hear

Community feedback

  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    It isn't responsive at any screen size. It just stretches. I am not very good at grid, but I will help out if I can. I will download your code and give it a look.

    Marked as helpful
    1
  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    You have a media query @media screen and (max-width: 1290px) that overwrites display:grid with display:flex. Max-width goes from 0px to 1290px which is why flex overwrote the grid statement. When you turn display:flex off grid kicks in, but it needs some work because the layout isn't working properly. I hope this helps.

    1
  • David Turner•4,150
    @brodiewebdtPosted almost 3 years ago

    Kevin Powell has a new video where he uses this layout to explain how to use CSS Grid. He also shares the code on Github. I thought you might be interested in it. https://www.youtube.com/watch?v=rg7Fvvl3taU

    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