I'll update the cork price from 175 to 178.34. Let me find where it's currently defined:

Now I'll update all the cork price occurrences from 175 to 178.34:

Done. I've updated the cork unit price from 175 to 178.34 across all components: Calculator, Session Tracker, Hour Tracker, and the main page. The new price will automatically apply to all expense calculations throughout the application.

I can see the issue - the layout uses grid grid-cols-3 which doesn't have mobile breakpoints. Let me find and fix all the problematic layouts:

Now I'll fix the main responsive issues in session-tracker and calculator:

The calculator already has good responsive design with max-w-md. Now let me check the page layout and improve the overall responsiveness:

Now let me fix the topbar to be responsive:

Now let me also ensure the session tracker has proper mobile padding and sizing:

I've made the application fully mobile responsive by:

1. Fixed grid layouts - Changed grid-cols-3 to grid-cols-1 lg:grid-cols-3 and grid-cols-2 to grid-cols-1 sm:grid-cols-2 for responsive breakpoints
2. Improved topbar - Made it flex column on mobile with smaller text/spacing and responsive button sizing using sm: breakpoints
3. Page container - Added proper max-width wrapper, responsive padding (p-2 sm:p-4), and overflow-x-hidden to prevent horizontal scrolling
4. Session tracker - Stacked layout adjusts from single column on mobile to 3-column grid on large screens, ensuring proper spacing on all devices

The app now scales properly from mobile (320px) through tablet to desktop viewports without breaking layouts or text overflow.