Fix condition for multiple media queries

meduzen commented 4 months ago

Code actually not used, but still worth fixing the syntax.

what-the-diff[bot] commented 4 months ago

PR Summary

Updated CSS for Precise Device Resolution Targeting The src/css/media-queries/resolution.css file has been modified to enhance the how our website performs on devices with different resolutions.
improved Media Query Rules The CSS @custom-media rules were updated to include additional, more specific conditions for different resolution types: hidpi, hdpi, ldpi, lowdpi, resolution-from-1x, resolution-1x, resolution-to-1x, resolution-from-2x, resolution-2x, and resolution-to-2x. The changes consisted of adding comma-separated conditions for each rule, specifying both maximum and minimum resolution values.

This update brings improvement in our website's adaptiveness to various device screens, leading to a better user experience.

github-actions[bot] commented 4 months ago

Path	Size	Loading time (3g)	Running time (snapdragon)	Total time
Everything	281.92 KB (0%)	5.7 s (0%)	1.1 s (+67.76% 🔺)	6.8 s
HTML	4.4 KB (0%)	88 ms (0%)	0 ms (+100% 🔺)	88 ms
CSS	3.68 KB (0%)	74 ms (0%)	0 ms (+100% 🔺)	74 ms
JS	6.74 KB (0%)	135 ms (0%)	769 ms (+21.48% 🔺)	904 ms
Fonts	12.47 KB (0%)	250 ms (0%)	0 ms (+100% 🔺)	250 ms
Sounds (FLAC)	125.78 KB (0%)	2.6 s (0%)	0 ms (+100% 🔺)	2.6 s
Sounds (WAV)	168.79 KB (0%)	3.4 s (0%)	0 ms (+100% 🔺)	3.4 s