📲CSS media queries
adjusting our style sheet for differently-sized screens
We can provide differently-sized screens with different CSS (and also customize the size ranges) with @media
queries:
In the example above, we accommodate three different screen sizes:
mobile devices (anywhere up to 767px wide): 1 card (100% width) per row
tablets (768-1024px wide): 2 cards (each 50% wide) per row
desktops (1024+ px wide): 3 cards (each 33% wide) per row
Last updated