Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
473
Web Wizard
@rsrclab

All comments

  • Aayush Singh•20
    @aayushsingh-459666
    Submitted over 3 years ago

    QR Code Component

    3
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Abishek Bardewa•110
    @abishekbardewa
    Submitted over 3 years ago

    Responsive Profile Card Component

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • Indika Kolamba Tantrege•60
    @iamindika
    Submitted over 3 years ago

    NFT preview card component using semantic html, css, React and webpack

    #react#semantic-ui#webpack#bem
    2
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Michael•70
    @MReyna12
    Submitted over 3 years ago

    QR Code Component Solution

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • Sarang-Patel•190
    @Sarang-Patel
    Submitted over 3 years ago

    NFT preview card component

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • P
    Leslie Fernandez•350
    @leslief10
    Submitted over 3 years ago

    Social Proof Section

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Daksh•40
    @daksh514
    Submitted over 3 years ago

    Created Frontend Mentor QR code using CSS and HTML

    3
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Darryl Mbatia•140
    @darryl22
    Submitted over 3 years ago

    qr-code-component

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Marco David Castro da Silva•120
    @Bragdale
    Submitted over 3 years ago

    NFT preview card component using HTML/CSS

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Abhishek Rohit•20
    @imabhishek02
    Submitted over 3 years ago

    QR code formation using html and csss

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • Rai•100
    @RaiIsNotYourGuy
    Submitted over 3 years ago

    QR Code Component using CSS

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Md Ateeq•20
    @TPAteeq
    Submitted over 3 years ago

    QR code component using Flexbox

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • vinay kandoi•120
    @vinaximus
    Submitted over 3 years ago

    CSS, HTML

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • Shuvo Saha•50
    @a1shuvo
    Submitted over 3 years ago

    NFT Preview Card Component with CSS

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • Marcio Veloso•10
    @maarciov
    Submitted over 3 years ago

    QR Code Component

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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
  • Shuvo Saha•50
    @a1shuvo
    Submitted over 3 years ago

    QR Code Component with CSS

    2
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • Kenneth Laidlaw•80
    @Kenlaidlaw
    Submitted over 3 years ago

    Solution to order summary component

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

  • pytest•20
    @pytest3
    Submitted over 3 years ago

    Basic CSS and HTML

    1
    Web Wizard•5,690
    @rsrclab
    Posted over 3 years ago

    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 ~

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub