Skip to content
Submitted over 3 years ago

Social Proof section with Flex and grid

Francis•260
@FrancisKhaledKhodja
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

The approach of flexbox and desktop first but difficulties to switch to the mobile view. I am not very satisfied about my css redaction: I had to write two files for the css....

Code

Please log in to post a comment

Log in

Community feedback

  • Florin.Porut•380
    @zastar23

    Hi @FrancisKhaledKhodja,

    The end result looks nice, but you should try to code mobile first responsive, for me it is much easier, because if you remember, every html document is already responsive at any screen size before adding any css styles.

    With that in mind you can code mobile first without having to worry about layout stuff in the beginning, as for the problem that you had and wrote two style sheets, I think the solution to that is to learn about media queries and breakpoints.

    Hope this helps, Happy coding!

    Marked as helpful

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