Responsive Mobile First Social Proof Section with CSS Grid and Flex

Community feedback

• 

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  Hello Brendan 👋! Awesome job on this challenge 🔥🔥. The page is nice and responsive. I'll be tackling this one soon and hope mine would be as good as yours.

  You seem to have a horizontal scroll bar at max-width: 1160px. I think losing the min-width: 100vw on the body would resolve that.

  Marked as helpful

  1

  ---

  

  Brendan•170

  @brendanmaddenPosted over 3 years ago

  @dewslyse Wow, thank you so much for the kind feedback!! I really appreciate it!

  Thanks so much for letting me know, and for the suggestion! I've really had a tough time with setting up my layouts so far. I'll take a look at this and give it a shot when I have a chance later tonight! I still have a ton to learn about HTML and CSS but one of my next area's of focus needs to be on good structure and layout.

  Best of luck on yours! I hope to see it once you've completed it!

  1

  

  dewslyse•3,025

  @dewslysePosted over 3 years ago

  @brendanmadden glad I could be of help.

  Finally managed to complete the challenge. You can check out my solution here ⤵️

  dewslyse's solution to the Social proof section challenge

  Lemme know what you think.

  1
• 

  Mohamad Ghadieh•50

  @mghadiehPosted over 3 years ago

  I submitted my solution for this challenge right after you on slack. I checked out your code and right away I saw on issue in my solution. I fixed it. Nice use of grid and flexbox. One thing, try and get the spacing right between the elements. For example, the difference in the heights of the testimonial cards in your solution is almost double of the design.

  0