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 using Flexbox

Ken 935

@kenreibman

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


Did this with Flexbox because I am still not comfortable with Grid. This definitely felt like a project that would have been easier using CSS Grid. A lot of videos/resources on learning grid are a little confusing - If anybody has any good resources that helped them, that would be great. I know grid is very powerful when used correctly.

Community feedback

@coding-tomato

Posted

To your question, have you ever tried Grid Garden? Kickstarted me into realizing how good Grid is for like... A lot of things!

Marked as helpful

1

Ken 935

@kenreibman

Posted

@VeryEvilTomato I have not, but I will absolutely check it out. thank you!

1
P
Ken 4,915

@kens-visuals

Posted

Hey @lmaoken 👋🏻

I have some suggestion to help you fix the accessibility issues and some other things.

  • In your markup, <div class="container">...</div> should be <main class="container">...</main>. This will fix the accessibility issues. Just, don't forget to generate a new repot once you fix the issues.

I hope this was helpful 👨🏻‍💻 I don't have any special grid video suggestions, however I know whom you should follow for that type of content. And that creator is Kevin Powell, he's the one who talks about them a lot. I agree grid is more complex and harder to grasp than flexbox, but it just takes some time, once you grasp the core concept you'll see how easy it is. Also check out Frontend Mentor's resources page, there are some cool things about grid and to practice grid. One last suggestion would be to make the animation a little bit faster, also nice touch on that one. Other than that, you did a great job, even with flex box, keep it up. Cheers 👾

Marked as helpful

1

Ken 935

@kenreibman

Posted

@kens-visuals Thanks again as always!

0
P
Ken 4,915

@kens-visuals

Posted

@lmaoken no problem, as always 👌🏻

0
Ken 935

@kenreibman

Posted

Also someone please help me with the 6 Accessibility Issues!!

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