DanielOmehe / javascript-budget-app

javascript-budget-app

        <!-- <div class="budget entertainment-budget">
            <div class="budget-title">
                <h1>Entertainment</h1>
                <div class="budget-ratio">
                    <p class="amount"></p>/
                    <p class="max"></p>
                </div>
            </div>
            <div class="progress-wrapper">
                <div class="progress"></div>
            </div>
            <div class="buttons">
                <button class="expense">Add expense</button>
                <button class="view-expense">view expense</button>
            </div>
        </div>
        <div class="budget entertainment-budget">
            <div class="budget-title">
                <h1>Feeding</h1>
                <div class="budget-ratio">
                    <p class="amount"></p>/
                    <p class="max"></p>
                </div>
            </div>
            <div class="progress-wrapper">
                <div class="progress"></div>
            </div>
            <div class="buttons">
                <button class="expense">Add expense</button>
                <button class="view-expense">view expense</button>
            </div>
        </div>
        <div class="budget entertainment-budget">
            <div class="budget-title">
                <h1>Internet</h1>
                <div class="budget-ratio">
                    <p class="amount"></p>/
                    <p class="max"></p>
                </div>
            </div>
            <div class="progress-wrapper">
                <div class="progress"></div>
            </div>
            <div class="buttons">
                <button class="expense">Add expense</button>
                <button class="view-expense">view expense</button>
            </div>
        </div>
        <div class="budget entertainment-budget">
            <div class="budget-title">
                <h1>Miscellaneous</h1>
                <div class="budget-ratio">
                    <p class="amount"></p>/
                    <p class="max"></p>
                </div>
            </div>
            <div class="progress-wrapper">
                <div class="progress"></div>
            </div>
            <div class="buttons">
                <button class="expense">Add expense</button>
                <button class="view-expense">view expense</button>
            </div>
        </div> -->