diff --git a/src/styles/Center.styles.js b/src/styles/Center.styles.js new file mode 100644 index 0000000..51e1798 --- /dev/null +++ b/src/styles/Center.styles.js @@ -0,0 +1,8 @@ +import styled from 'styled-components'; + +export const Center = styled.div` + flex:1; + display: flex; + justify-content: center; + align-items: center; +`; diff --git a/src/styles/Common.styles.js b/src/styles/Common.styles.js index 8f9bfd6..adc6e02 100644 --- a/src/styles/Common.styles.js +++ b/src/styles/Common.styles.js @@ -44,6 +44,7 @@ export const Input = styled.input` export const DynamicList = styled.div` display: flex; gap: 20px; + flex-wrap: wrap; @media screen and (max-width: 768px) { flex-direction: column; diff --git a/src/styles/WriteSteps.styles.js b/src/styles/WriteSteps.styles.js index 9e489e0..ce886ed 100644 --- a/src/styles/WriteSteps.styles.js +++ b/src/styles/WriteSteps.styles.js @@ -33,6 +33,8 @@ export const Select = styled.select` width: 100%; box-sizing: border-box; color: ${({ theme }) => theme.colors.gray900}; + outline-color: ${({ theme }) => theme.colors.primary}; + border-color: transparent; cursor: pointer; `;