Fix #190 -- Use field breakpoints and container width to calculate media query

[codingjoe]

No description provided.

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (1050f7c) to head (78c18e5).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main      #193   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           13        13           
  Lines          490       489    -1     
=========================================
- Hits           490       489    -1     

Flag	Coverage Δ
celery	84.86% <78.57%> (-0.04%)	⬇️
cleanup	88.34% <78.57%> (-0.03%)	⬇️
dj4.1	88.34% <78.57%> (-0.03%)	⬇️
dj4.2	88.34% <78.57%> (-0.03%)	⬇️
django-rq	84.86% <78.57%> (-0.04%)	⬇️
dramatiq	84.86% <78.57%> (-0.04%)	⬇️
drf	96.31% <100.00%> (-0.01%)	⬇️
macos-latest	88.54% <78.57%> (-0.03%)	⬇️
py3.10	88.34% <78.57%> (-0.03%)	⬇️
py3.12	88.34% <78.57%> (-0.03%)	⬇️
py3.8	88.34% <78.57%> (-0.03%)	⬇️
py3.9	88.34% <78.57%> (-0.03%)	⬇️
ubuntu-latest	88.34% <78.57%> (-0.03%)	⬇️
windows-latest	81.70% <78.57%> (-0.06%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.