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

Nelson Uprety

@nelsonuprety1Nepal320 points

Trying to learn new things.

I’m currently learning...

Im currently Learning HTML, CSS and JAVASCRIPT

Latest solutions

  • URL shortening API Landing Page


    Nelson Uprety•320
    Submitted over 2 years ago

    0 comments
  • Interactive rating component


    Nelson Uprety•320
    Submitted over 2 years ago

    1 comment
  • Intro component with signup form


    Nelson Uprety•320
    Submitted over 2 years ago

    0 comments
  • Ping single column coming soon page


    Nelson Uprety•320
    Submitted over 2 years ago

    0 comments
  • Four card feature Section


    Nelson Uprety•320
    Submitted over 2 years ago

    0 comments
  • Huddle Landing Page With Single Introductory Section


    Nelson Uprety•320
    Submitted over 2 years ago

    0 comments
View more solutions

Latest comments

  • Vishnuprakash•60
    @Awizp
    Submitted over 2 years ago

    Responsive Product preview component

    #bem#sass/scss
    3
    Nelson Uprety•320
    @nelsonuprety1
    Posted over 2 years ago

    The zoro touchup you gave is amazing. Congrats for completing the challenge Nakama.

    Kaizoku oni orewa naru

  • Martina•150
    @PastoreMartina
    Submitted over 2 years ago

    QR code component using Flexbox

    2
    Nelson Uprety•320
    @nelsonuprety1
    Posted over 2 years ago

    Hello, pastore martina congrats for completing the challenge. As you have mentioned about attribution not going to the bottom, I have explained and added code to fix the problem of attribution not going to the bottom of the page. So please check your github code file and merge the changes if you like it.

    Thank you

  • Joaquin•120
    @forjoa
    Submitted over 2 years ago

    i still don't know how to put the filter on the img

    2
    Nelson Uprety•320
    @nelsonuprety1
    Posted over 2 years ago

    Hello Joaquin, I used background: linear-gradient(hsl(277, 64%, 61%, 0.5), hsl(277, 64%, 61%, 0.5)), url('/images/image-header-mobile.jpg');

    to achieve the desired purple filter . I used linear gradient with the color that has been provided in the style guide file.

    Marked as helpful
  • Tobi Emmanuel•60
    @Camoscript
    Submitted almost 3 years ago

    Product preview dolution

    1
    Nelson Uprety•320
    @nelsonuprety1
    Posted almost 3 years ago

    Hello tobi, nice work on the project. I would like to share some of my insights regarding the code.

    You can use the flex-direction property to set how flex items are placed in the flex container. Check this link: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction

    And you can use justify-content: center; align-items: center; to center your content And please try to reduce the size of the whole container by adjusting its width and height.

    I hope this helps.

    Marked as helpful
  • maria•20
    @marijadjo
    Submitted almost 3 years ago

    Advice generator API

    1
    Nelson Uprety•320
    @nelsonuprety1
    Posted almost 3 years ago

    Looks good and clean. One thing I would like to suggest is to check out async await with fetch API. Here are some of the links you can use:

    https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

    Happy coding.

    Marked as helpful
  • Abraham Emmanuel•770
    @eneyedev
    Submitted almost 3 years ago

    Advice Generator built with HTML, CSS and CSS Media Query

    1
    Nelson Uprety•320
    @nelsonuprety1
    Posted almost 3 years ago

    The app looks good. But please consider using Javascript to load the api and display the api data when you click the dice as mentioned in the project description.

    You can use the fetch API method with async await to call the api. Fetch api: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

    Async / await: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function

    Please briefly go through the topic of asynchronous javascript to learn more about the topic. Link: https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous

    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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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