!important
whenever you can.prefer-reduced-motion
CSS media feature does not currently have the widest support, but is active in Safari and Firefox). However, we still recommend applying it, as it is simple to implement and affords a better experience for those using supported browsers.respond.js
as it does not work well in certain environments. Instead, we leverage a natural, mobile-first build process and allow sites gracefully degrade._1024px.(s)css
, _480px.(s)css
): it will be frustrating to hunt for a specific selector through all the files when we have to maintain the project. Putting the media query inside the component will allow developers to immediately see all the different styles applied to an element.