All solutions

When designing the mobile version of the app, I ended up just using media queries to forcibly redesign the layout, and found myself switching between CSS grid and CSS flex depending on the situation. Is there a more "standard" way of handling differing layouts outside of just using media query rules?

Is using text-shadow the best way to get the bolder text ("Improve your...") the thickness level of the sample piece? I had difficulty getting it quite the right level of thickness while still conforming to the font weights in the style guide.