Skip to content
Submitted about 2 years ago

Responsive social proof section using Grid and Flexbox

Aram•280
@OhSorrow
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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.

Community feedback

  • Adriano•38,270
    @AdrianoEscarabotePosted about 2 years ago

    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
    2
    Aram•280
    @OhSorrowPosted about 2 years ago

    @AdrianoEscarabote Hi Adriano! Thanks for the tips!

    0

Please log in to post a comment

Log in with GitHub

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