mobile-first is typically easier to implement as it aligns with today's reality where mobile usage far exceeds desktop use.@media (min-width: 768px), however can lead u astray. its better to focus on the breakpoints that truly matter for ur content, not just screen size.
in a pinch,
/'' styles. css ''/body { font-size: calc(10vw +.5em);}@media (min-width : 768px) and (-ms-high-contrast:none), (:root --high-contract), (data-theme=dark) { body{ background-color:; }}this ensures text remains readable on small screens, while allowing for more complex styling as screen size increases