Skip to content
OverviewSolutions
13
Comments
5

Arun Kumar Singh

@arunsingh009India260 points

I am a student who is pursuing his bachelor's from B-tech interested in web development having experience of more than 1.5years in HTML and CSS and currently trying to enhance my existing knowledge.

I’m currently learning...

JavaScript & Java

Latest solutions

View more solutions

Latest comments

  • Arun Kumar Singh•260
    @arunsingh009Posted about 3 years ago

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

    Marked as helpful
    0
  • Arun Kumar Singh•260
    @arunsingh009Posted about 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
    1
  • Arun Kumar Singh•260
    @arunsingh009Posted about 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
    1
  • Arun Kumar Singh•260
    @arunsingh009Posted about 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
    1
  • Arun Kumar Singh•260
    @arunsingh009Posted about 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
    0