Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
473

Web Wizard

@rsrclablubbock, TX5,690 points

Highly efficient and reliable frontend developer with focus on simplifying UI/UX and delivering modern design aesthetic that highlights clients’ ultimate objectives.

I’m currently learning...

Solidity

Latest solutions

  • My solution to grid cards


    Web Wizard•5,690
    Submitted over 3 years ago

    3 comments
  • Social Proof Solution


    Web Wizard•5,690
    Submitted over 3 years ago

    2 comments
  • FAQ Component


    Web Wizard•5,690
    Submitted over 3 years ago

    2 comments
  • Profile Card Solution


    Web Wizard•5,690
    Submitted over 3 years ago

    3 comments
  • Space Tourism Multi-page Solution

    #bem#jquery#sass/scss

    Web Wizard•5,690
    Submitted over 3 years ago

    3 comments
  • My First Solution on Chanllenge

    #bem

    Web Wizard•5,690
    Submitted over 3 years ago

    9 comments

Latest 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
View more comments
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

Mentor of the Week - 1st Place

This badge is awarded to the top placed community member on the weekly Wall of Fame.

Mentor of the Month - 1st Place

This badge is awarded to the top placed community member on the monthly Wall of Fame.

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