Skip to content
OverviewSolutions
24
Comments
9
Yusuf Babatunde
@owocoded

All comments

  • Yusuf Babatunde•310
    @owocoded

    Nice submission

  • P
    Josh Kahlbaugh•540
    @Joshk7
    What are you most proud of, and what would you do differently next time?

    I'm happy with how the final grid layout worked and I was also able to add intermediate layouts at different break points.

    What challenges did you encounter, and how did you overcome them?

    The biggest challenge I encountered was in the ordering of the cards within the grid. The fifth card ends up in the far right for the largest grid layout, so I had to specify exactly where it should go with grid-row and grid-column.

    .five {
     grid-row: 1 / 3;
     grid-column: 4;
}
    What specific areas of your project would you like help with?

    I'm not positive if the box-shadow is perfect, so any tips on that would be helpful. Also, I wasn't sure if I needed an h1 tag so I just added a hidden one for accessibility. Let me know if that's good practice.

    Responsive Testimonials using CSS grid

    #pure-css
    1
    Yusuf Babatunde•310
    @owocoded

    Nice submission. Bo

  • Yusuf Babatunde•310
    @owocoded

    Nice Submission. If you are really good with pure CSS then, Bootstrap is way to go, if not I will suggest you master pure CSS then move to framworks.

  • Yusuf Babatunde•310
    @owocoded

    Nice Submission.

  • Yusuf Babatunde•310
    @owocoded

    Nice submission

    Marked as helpful
  • Yusuf Babatunde•310
    @owocoded

    Perfect!

  • Yusuf Babatunde•310
    @owocoded

    Nice submission

  • Yusuf Babatunde•310
    @owocoded

    The solution is nice.

  • Yusuf Babatunde•310
    @owocoded

    Why not try to give your img class in your html and do the same in your css. Something like this; .img{ border-radius: 10px; } I hope this is helpful. Happy coding.