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

Mobile first and using Flex

kirubakk• 245

@KIRUBASHANKAR26

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


If u find mistakes,Help me to improve.

Community feedback

Priyanka• 150

@priyankalad

Posted

Hey,

I have gone through your code, and it's pretty much cool except few alignments. I would recommend to implement this challenge using flexbox.

Also, I noticed that feedback card containers are currently left aligned in the mobile view. To make them middle aligned, you can add 'margin: 20px auto' to the class "cards-container".

Let me know if you need any further help

Happy Coding :)

2

kirubakk• 245

@KIRUBASHANKAR26

Posted

@priyankalad Thank you so much

0
Raymart Pamplona• 16,140

@pikapikamart

Posted

Just a suggestion. Instead of adding margins in the flex child, yeah child. You could have a flex-basis or flex giving a width, then just add a gap property in the flex container so that the child doesn't scale via the margin used^

1

kirubakk• 245

@KIRUBASHANKAR26

Posted

@pikamart Thank you

0
Raymart Pamplona• 16,140

@pikapikamart

Posted

@KIRUBASHANKAR26 Your welcome^

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