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

NixyMcβ€’ 190

@Nix7amcm

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


I mostly used flexbox for this, with grid just for the desktop body layout. I found it very helpful for practicing my flexbox skills in learning how to apply the align-self property, as opposed to individually offsetting the position of elements! This definitely made it easier and quicker to modify for the mobile design. I know I could improve the accessibility with better sectioning of the elements, instead of all divs. I'm also not sure if I properly applied and positioned the background images, mainly for the mobile layout. I'll welcome any feedback 😊

Community feedback

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