Simple media queries for styled components
Implementation example below
import styled from "styled-components";
import { media } from "media-js";
export const NavContainer = styled.nav`
display: flex;
justify-content: space-around;
padding: 2%;
background: transparent;
z-index: 0;
font-family: "Oswald", sans-serif;
${media.giant`width: 30%;`}
${media.desktop`width: 30%;`}
${media.tablet`width: 100%;`}
${media.phone`width: 100%;`}
`;
...more info to come