Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
13
Comments
5
Arun Kumar Singh
@arunsingh009

All comments

  • Davide Tarpini•110
    @Sparkhand
    Submitted over 3 years ago

    Tip Calculator App using a mobile first approach

    #sass/scss
    1
    Arun Kumar Singh•260
    @arunsingh009
    Posted over 3 years ago

    <html lang="en"> This issue can be resolved by using one h1 tag in your design.

    Marked as helpful
  • 👾 Ekaterine Mitagvaria 👾•7,860
    @catherineisonline
    Submitted over 3 years ago

    Testimonials grid section

    33
    Arun Kumar Singh•260
    @arunsingh009
    Posted over 3 years ago

    Box-shadow is missing and a few changes are required for font-weight I guess, otherwise your Overall solution is perfect.

    Marked as helpful
  • Kartik Sharma•80
    @krtksharma
    Submitted over 3 years ago

    Four card feature section using HTML and CSS(Grid+Flex-box)

    #accessibility#semantic-ui
    1
    Arun Kumar Singh•260
    @arunsingh009
    Posted over 3 years ago

    @krtksharma I studied your code and found no such big issues in that your code is good but you can enhance it in your future challenges. All the best😊

    Marked as helpful
  • peterkariola•50
    @peterkariola
    Submitted over 3 years ago

    Tip Calculator web app with html, css and plain javascript.

    1
    Arun Kumar Singh•260
    @arunsingh009
    Posted over 3 years ago

    Ok, @PeterScope your design looks cool I also have tried the same challenge but was unable to put that dolor logo and person logo in the input field in my challenge. Now, coming to your problem of the total amount, for total amount logic is very easy. First, calculate the total amount of tip which has to be divided into the number of people then add it to the bill amount and then divide the total amount by a number of people.

    For your reference. Suppose Bill amount is 100 and you are selecting 5% tip then the total tip amount will be equal to 5 and suppose 5 people are sharing the amount then,

    • total amount = 105.
    • total tip amount = 5
    • tip/person=5/5=1
    • total amount/person = 105/5=21.

    I hope this explanation helps I tried my best to make things clear for you.

    Marked as helpful
  • Zaclobsterboy•40
    @Zaclobsterboy
    Submitted over 3 years ago

    Flexbox used for responsive page solution.

    5
    Arun Kumar Singh•260
    @arunsingh009
    Posted over 3 years ago

    hey @Zaclobsterboy, nice attempt. try this, uncomment the HTML part for the image and try this in your CSS, I hope this will surely work in your case.

    .column2{ background-color: purple; /*for eg */ }

       ` .column2 img{
            mix-blend-mode: multiply;
        }`
    
    Marked as helpful
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