Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1

Tochukwu-1

@Tochukwu-150 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Mortgage repayment calculator using React and CSS.

    #react

    Tochukwu-1•50
    Submitted 3 days ago

    I think the only possible assistance that can be asked is if we can get more projects with their figma files for free.

    • Allows for easier styling.

    Aside figma file, I think every other task that comes with the challenge is worth experience

    • The more complicating a task is, the more you learn and the more experience you gain..

    0 comments
  • HTML, CSS & JS


    Tochukwu-1•50
    Submitted 4 months ago
    • None at the moment

    1 comment
  • QR code component using HTML and CSS


    Tochukwu-1•50
    Submitted about 1 year ago
    • would have liked a little more help in the hosting but i later found my way

    0 comments

Latest comments

  • Shyam Tripathi•20
    @Tripathi-D-Shyam
    Submitted 16 days ago
    What are you most proud of, and what would you do differently next time?

    Using flex-box was nice, though would love to solve the issue of aligning the component to the center as scrollbar started appearing when using width: 100vw; height: 100vh.

    What challenges did you encounter, and how did you overcome them?

    Well, I had to deal with the following: on trying to align the component to the center a scrollbar started appearing when using width: 100vw; height: 100vh. This I resolved using calc(100vw - 8px), though it is not as elegant as I desired.

    What specific areas of your project would you like help with?

    None in particular.

    QR Code component page

    2
    Tochukwu-1•50
    @Tochukwu-1
    Posted 16 days ago

    To prevent the scroll bar issue

    • you can easily add this styling in your css file and then there won't be a need for the calc[100vw - 8px]
    *{
    	padding: none;
    	margin: none;
    	box-sizing: border-box; //box-sixing is not compulsory unless in react
     }
    
    • By the way you did a good job here.
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