Social Proof Section (mobile first approach)

Community feedback

• 

  jul_julham•210

  @zulhamsyPosted over 3 years ago

  Hi! First of all, I really appreciate your work. The mobile and desktop looks are very similar to the design! wow.

  but when I tried to activate desktop mode on a mobile browser, I found a layout that didn't seem like it was in the original design. maybe if you wish, in my opinion the original mobile view should be preserved until the desktop viewport (maybe 1080 pixels wide), so use a fixed width while in the mobile view just switch layouts when the desktop view.

  btw, I'm also working on this project haha, so thank you for the idea :D

  1

  ---

  

  Galdino•215

  @GaldinoMatPosted over 3 years ago

  @zulhamsy that would be a very good idea! I've tried a lot of queries to better represent all types of widths possible, but I think I forgot to think on those very tiny details (even though I couldn't test my app on this very specific case). Thanks for the heads up! I appreciate it! One tip: try using align-self:flex-end/start for the "staircase effect".

  Edit: btw are you talking about the part where the review cards and social proof cards get stylized in a arrow'ish shape? if so, this is intentional! I got inspired by other solutions where there was a "middle term" between the designs, one that could accomodate tablets and such. But thanks for the feedback!

  0

  

  jul_julham•210

  @zulhamsyPosted over 3 years ago

  @GaldinoMat dang, I never thought that. my mistake haha, I should've learned from you, master 🙏

  1