오늘 배운 것
모든 요소를 컴포넌트로 만들어서 재활용할 수 있다.
1
2
3
4
5
6
7
8
9
10
11
12
export const InfoRow = styled.div`
display: grid;
grid-auto-columns: minmax(auto, 1fr);
align-items: center;
grid-template-areas: ${({ imgStart }) =>
imgStart ? `'col2 col1'` : `'col1 col2'`};
@media screen and (max-width: 768px) {
grid-template-areas: ${({ imgStart }) =>
imgStart ? `'col1' 'col2'` : `'col1 col1' 'col2 col1'`};
}
`;
- css그리드에 대해서 배웠다.
