Desktop Design

Active States

Mobile Design

Tip calculator app

<div class="tip"><h2>Select Tip %</h2><div class="percentage_list"><button>5%</button><button>10%</button><button>15%</button><button>20%</button><button>25%</button><input class="custom_input" type="text" placeholder="Custom" name="customPercentage" value=""></div></div>

<div class="calc_output"><div class="tip_amount"><h2>Tip Amount <small>/ person</small></h2><p>$0.00</p></div><div class="total"><h2>Total <small>/ person</small></h2><p>$0.00</p></div><button class="btn_reset" disabled="">reset</button></div>

Please log in to post a comment

Community feedback

Responsive tip calculator using React

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community