I use this kind of approach: (styled-components-approach)
const Flex = styled.div js
@media ${(props) => props.theme.device.mobileL} {}
@media ${(props) => props.theme.device.laptop}{}
@media ${(props) => props.theme.device.desktop} {};
I combine that with styled components and style theme swiching (maintain multiple type of responsive with styled theme). ;
This is interesting. I just started using styled-components and now figuring out how to handle responsiveness. Can you think of any drawbacks to your approach?
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
I use this kind of approach: (styled-components-approach)
const Flex = styled.div
js
@media ${(props) => props.theme.device.mobileL} {}
@media ${(props) => props.theme.device.laptop}{}
@media ${(props) => props.theme.device.desktop} {};
;I combine that with styled components and style theme swiching (maintain multiple type of responsive with styled theme).
This is interesting. I just started using styled-components and now figuring out how to handle responsiveness. Can you think of any drawbacks to your approach?