Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social-proof-section with Flexbox

Busoalmi 250

@oluwa-busssy-olami

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone, working on this challenge was cool but I had issue with the testimonies section, can anyone one suggest why the testimony card it's still level even after using Margin-top. Thanks.

Community feedback

@SOULBRODA023

Posted

It was oooh. Do you mean making the image and the content box have equal width . I will check your lines of code though Thank you anyways Busola.

0

@SOULBRODA023

Posted

This is beautiful But really what made your designs different from the original?

And yh .... that reminds me I am trying to write my first code on that perfume product design stuff. Was it flexbox you used in aligning the text side by side to the image. Thank you

0

Busoalmi 250

@oluwa-busssy-olami

Posted

@SOULBRODA023 Thank you so much, I really appreciate. For my Perfume product design I made use of Grid, cause I had issues making both sides equal using flex box. Also I guess you should try watching a video on flex box and grid. So you’ll know when to use flex box or grid. When you use flex box doesn’t makes it equal it give the more width to the one with more content unlike Grid. I really hope this is helpful..

0

Please log in to post a comment

Log in with GitHub
Discord logo

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