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 Frontend Mentor challenge

Hachi 155

@hachi-ops

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


It was tricky to decide what it should look like at different breaking points. I would appreciate your feedback.

Community feedback

Adarsh Pratap 5,515

@adarshcodes

Posted

Hi👋 @hachi-ops, Your solution is looking nice. You did good work on this challenge.

  • Your design is very similar to the original design. It's not pixel perfect but guess what? I've something for you. I've been using Perfect Pixel. chrome-extension which works really great. You can see my solution they are very close to the design.
  • The thing about your responsiveness is working smoothly and great for all the devices. Thanks, me later for the extension😋. Keep it up and If you need any help me while using the extension let me know. Happy Coding
3

Hachi 155

@hachi-ops

Posted

@adarshcodes Thank for info about the extension, just installed it and will definitely use it for next project.

0
Arya Anish 1,492

@AryaAnish121

Posted

Hi Hachi,

99% perfect

Two suggestions:-

  • You could clear html issues
  • you could make everything a little bit smaller

Happy Coding!

1
Hachi 155

@hachi-ops

Posted

Thank you for a prompt feedback!

I have just cleared HTML issue.

As for the sizes: I really have difficulty assessing sizes of the elements as I am viewing designs in Microsoft Paint and switching to grid view (it shows me 1440px). Then I am just counting the lines (1 line=10px). I might be doing it the hard way though, but I don't know any other way.

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