Submitted

SOCIAL PROOF SECTION using Flexbox

Kenβ€’ 455

@lmaoken

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View Challenge

Design Comparison

SolutionDesign

Report

0

Accessibility Issues

0

HTML Issues

View Report

Ken’s questions for the community

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

Kenβ€’ 455

@lmaoken

Posted

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

0

Kenβ€’ 4,435

@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β€’ 455

@lmaoken

Posted

@kens-visuals Thanks again as always!

0

Kenβ€’ 4,435

@kens-visuals

Posted

@lmaoken no problem, as always πŸ‘ŒπŸ»

0

Orlando Guevaraβ€’ 90

@VeryEvilTomato

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β€’ 455

@lmaoken

Posted

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

1

Give some feedback to @lmaoken about their solution...

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!