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
Log in with GitHub
OverviewSolutions6Comments474

All comments

  • Aayush Singh• 20

    @aayushsingh-459666

    Submitted

    This is my first solve in Frontend Mentor. This website is very good for practice through challenges. Tell me if I have done any mistake.

    QR Code Component

    3

    Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @aayushsingh-459666 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @abishekbardewa ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • On smaller devices, card goes over screen, and I think max-width: 100% can solve this issue.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    https://www.frontendmentor.io/solutions/profile-card-solution-m-cH4D2Lp

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @iamindika ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • On smaller devices, card goes over screen, and I think max-width: 100% can solve this issue.
    • I suggest you to try transition on hoverable elements like heading and creator name.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    1
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @MReyna12 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on small devices. Using max-width: 100% rather than width: 13.2% will solve this issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @Sarang-Patel ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • I suggest you to try transition on hoverable elements like image, heading and creator name.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Image overlay goes over image size itself.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    1
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @leslief10 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Background image doesn't fill the screen.

    https://www.frontendmentor.io/solutions/social-proof-solution-bHjGitZ_n

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @daksh514 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • You can use media query for elements to look good on small devices.
    • display: flex; align-items: center; will make card being centered vertically.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    1
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @darryl22 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @Bragdale ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • I suggest you to try transition on hoverable elements like heading and creator name.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Image tags must have alt attributes as standard.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @imabhishek02 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • On smaller devices, responsiveness doesn't work well, and I think that's because of viewport meta on html head.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card view is far from design, I think you can try background, border-radius etc.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @RaiIsNotYourGuy ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on small devices. Using max-width: 100% will solve this issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @TPAteeq ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on small devices. Using max-width: 100% will solve this issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @vinaximus ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Image tags must have alt attribute as a standard.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @a1shuvo ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like the image overlay effect on your project.

    Here are some of the tips I like to provide.

    • On smaller devices, card goes over screen, and I think max-width: 100% can solve this issue.
    • I suggest you to try transition on hoverable elements like image, heading and creator name.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @maarciov ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on small devices. Using max-width: 100% will solve this issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @a1shuvo ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @Kenlaidlaw ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • I suggest you to try transition on hoverable elements like cancel button or proceed button.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on small devices, and using max-width: 100% will solve this issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • pytest• 20

    @pytest3

    Submitted

    Hello there, please let me know i can improve my solution, espcially the part where i used CSS to style the paragraph element. thanks!

    Basic CSS and HTML

    1

    Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @pytest3 ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • On smaller devices, responsiveness doesn't work well, and I think that's because of viewport meta on html head.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @DurigoAgustina ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @dpajax ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @SulthanNK ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • I suggest you to try transition on hoverable elements like cancel button or proceed button.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on smaller devices, and I think adding max-width: 100% would solve the issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    1
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @vaibhav-bisen ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • Please try BEM for naming element classes. It will help you a lot on bigger projects.
    • Card goes over screen on small devices. Using max-width: 100% will solve this issue.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    1
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @peddrums ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it. Especially I like BEM structuring on your project.

    Here are some of the tips I like to provide.

    • On smaller devices, card goes over screen, and I think max-width: 100% can solve this issue.
    • I suggest you to try transition on hoverable elements like image, heading and creator name.

    https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    0
  • Web Wizard• 5,690

    @rsrclab

    Posted

    Hi, @webdevelopment4you ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    • I suggest you to try transition on hoverable elements like cancel button or proceed button.
    • Please try BEM for naming element classes. It will help you a lot on bigger projects.

    If it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful

    0