210 private links
To simulate unsupported CSS rules: delete them.
Providing fallback is as easy as providing multiple values for the same property: the first the most supported, then going to the last value.
In other situations, we might want to apply an alternative set of styles when a feature is unsupported. We can use the @supports at-rule for this.
The goal isn’t to produce exactly the same UI for all users. The goal is to provide a reasonable fallback experience.
- browser breakdown
The statistics come from caniuse, that uses the web analystics statcounter. For each website, the audience will be different. Joshwcomeau notes that there are 4.1% more Firefox users visiting his website.
It leads to the potential harm: Is it OK to break the user experience for 1% of users? What is the potential harm caused by a broken experience?
To answer this question in business, this is a cost question: is it worth it? On the contrary, essential services such as a booking vaccine service needs to be as widely supported as possible.
Pro tip for media queries: using min-width container queries only will display at worse the mobile view.
