Social Proof Section Solution

Community feedback

• 

  David•8,000

  @DavidMorgadePosted about 2 years ago

  Hello Muhammad, congrats on finishing the challenge! good job

  Here is my approach to solve your problem, try if you want, or I can make a pull request to your repository if you wanna see the results:

  Give your r1 class a flex-direction: row and a width: 80% with the desired background color.

  Increase the width of the reviews section to atleast 90%.

  Give to the first r1 <div> a margin-right: auto

  Give to the last r1 <div> a margin-left: auto

  With this you will have the desired effect on desktop sizes! Try it at your own and tell me how it goes.

  Hope my answer helped you! great job with the challenge

  Marked as helpful

  1

  ---

  

  Muhammad Zohaib•270

  @codefolkPosted about 2 years ago

  @DavidMorgade Much Appreciated

  1
• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello again Muhammed, congratulations for your new solution!

  Here you've your solution almost finished, two things to pay attention is the semantics. The rating block and the card block can be wrapped with <article> and the text containing the quote can have a special tag for thst that is <blockquote> a tag thst wraps quotation text.

  Another thing that will helps here in your journey is to read the solution report panel, this will teach a lots about html markup and accessibility

  ✌️ I hope this helps you and happy coding!

  0

  ---

  

  Muhammad Zohaib•270

  @codefolkPosted about 2 years ago

  @correlucas I'll look into it. Thanks

  1