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 Challenge

Carl Summers• 45

@CSumm

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


  • How can I make my class names more semantic both in CSS and HTML?
  • What are some better ways handling right and left hand margin spacing with flex?

Also any other feedback on it would be greatly appreciated.

Community feedback

Mark Mitchell• 1,820

@markup-mitchell

Posted

Hi Carl - you're asking some good specific questions here, but I'm not sure I understand them!

On the semantics, do you mean CSS class names, or HTML semantics?

With the flex question, are you talking about the positioning of items within the flexbox? The margin property is unrelated to the flex API.

What's the most important thing you want to fix right now?

0

Carl Summers• 45

@CSumm

Posted

@markup-mitchell Hi, with semantics, I'm referring both to class names within CSS, and HTML semantics. I often struggle with the two in making them as coherent as possible to others.

And for the flexbox question, I would like to know what would replace margin in the flex api to be able to specifically position a child element inside of its parent. I know using justify-content or align-items can centre children, but is there a property of flex that can simple shift the child over 20px?

Hope this clears up any confusion on the original questions. Also I will modify the questions to encompass broader feedback. Thanks!

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