Skip to content
Submitted almost 3 years ago

Responsive social proof section using Grid and Flexbox

Aram•280
@OhSorrow
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Finally! It took a little bit longer than what I expected.

  • Is there any better way to import those star icons?
  • Is it okay to use Grid and Flexbox together? Would it be better to use only one of them on this project?
  • If you have a better approach to complete this project, let me know in the comments!

I would appreciate any feedback you may have.

Code

Please log in to post a comment

Log in

Community feedback

  • Adriano•42,890
    @AdrianoEscarabote

    Hi Aram, how are you?

    Congratulations on completing another challenge, I really liked the result of your challenge, but I have a few tips that I think you will like:

    There is no better and worse between grid and flex-box they have different proposals, so if you built a good layout with grid, made a clean code, the content is responsive, then you did a good job.

    Of course, there are times when flex-box fits better because it has flex-wrap and helps a lot in the project's responsiveness.

    I noticed that the page content was stretching, to fix this I did the following:

    @media screen and (min-width: 1200px) main { margin: 0 auto; max-width: 1440px; }

    Hope it helps... 👍 The rest is great!!

    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