BitcoinDesign / Guide

A free, open-source community resource for designers, developers and others working on non-custodial bitcoin products.
https://bitcoin.design/guide/
Other
455 stars 98 forks source link

Tweak to the CSS media query for retina screens #1114

Closed GBKS closed 2 months ago

GBKS commented 2 months ago

Abhijay007 pointed out that the header banner image is looking blurry on his mobile device in this comment.

Reason is that our retina media query is looking for a pixel ratio of 2 for showing higher resolution images. Various Android phones are a little below 2 (like my Samsung Galaxy A5, which is ~1.875). For those phones, the lower res image looks blurry and the higher-res one would be more appropriate. This PR lowers the pixel ratio requirement from 2 to 1.5. This should work out better on average for diverse ratios.

Also added in the dppx unit, which is a newer standard.

netlify[bot] commented 2 months ago

Deploy Preview for bitcoin-design-site ready!

Name Link
Latest commit 196de47b1b59dc9c7d26bb423f41f45430d3be11
Latest deploy log https://app.netlify.com/sites/bitcoin-design-site/deploys/66d5c9c8e40c260008999b10
Deploy Preview https://deploy-preview-1114--bitcoin-design-site.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.