components/NavTop/styled.ts
import styled from "styled-components"
export const Nav = styled.nav`
align-items: center;
display: flex;
height: 90px;
justify-content: center;
@media screen and (min-width: 768px) {
display: grid;
grid-gap: 30px;
grid-template-columns: 180px auto;
justify-content: space-between;
}
`
export const List = styled.ul`
display: none;
@media screen and (min-width: 768px) {
display: flex;
justify-content: space-between;
width: 400px;
}
`