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 Grid and Flexbox

generieyyc 160

@generieyyc

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


Hi Everyone,

I used grid and flexbox in this challenge. I wish I can simplify my grid. Still struggling with background positioning. Overall, I learned a lot and any feedback is greatly appreciated. Happy coding!

Community feedback

@0xabdul

Posted

Hey there ! 👋 Congratulations you finished the QR code card component...🎉

  • some suggestions for you improve your code

Html 🏷️:

  • for Accessibility reports you using the and div tag to wrap the whole html code and put attribute role="main" is correct way 🎯 and using the header tag those all are problem to occur the Accessibility reports for example...
<body>
<div class="container" role="main">

//Whole html code

<h1> </h1>
<h2> </h2>
<h3> </h3>
//by ordering using the header tag

</div>
</body>
  • I Hope it's useful for you and wating for your next project ❤️
  • Happy Coding 😃
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