import { device } from './device'; const CardWrapper = styled.div` display: flex; // Mobile friendly by default flex-direction: column; border: 1px solid gray; box-shadow: 5px 5px #ccc; padding: 10px; margin: 10px; // Switch to rows on large devices @media ${device.laptop} { flex-direction: row; } `;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter