Desktop Design

Active States

Mobile Design

Tip calculator app

<div class="numPeople">
      <label for="numPeople">
        <h3>Number of People</h3>
        <input type="number" id="numPeople" placeholder="0">
      </label>
    </div>

<div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a target="_blank" href="https://github.com/ddaniel27">ddaniel27</a>.
  </div>

>  <input type=`number` id=`tipCustom` placeholder=`Custom`>

>  <input type=`radio` name=`tip` id=`tip6`>

Please log in to post a comment

Community feedback

Responsive Tip Calculator App | HTML CSS JS

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community