[✍️ DevLog] 승훈 / 2021-12-17

### 오늘은 어떻게 프로젝트에 기여했나요?
퀴즈 풀기, 퀴즈 만들기, 수정 CSS 디자인

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?
* CSS Flex
* Styled-component

박스의 가로 사이즈가 부모 요소를 무시하는 현상
` flex-direction: column; // row; ` 옵션으로 해결
```js
export const Container = styled.div`
display: flex;
width: 100%;
margin: auto;
flex-direction: column; // row;

.content {
margin: 0 auto;
padding: 3.5rem 0;
border: 3px solid red;

@media screen and (max-width: 960px) {
margin: 0 2rem;
}
}
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?
* [x] CSS 디자인 마무리

[Devlog Final 22일차 flex 환경에서 부모 넓이보다 넓은 자식 엘리먼트](https://velog.io/@shleecloud/Devlog-Final-22%EC%9D%BC%EC%B0%A8-flex-%ED%99%98%EA%B2%BD%EC%97%90%EC%84%9C-%EB%B6%80%EB%AA%A8-%EB%84%93%EC%9D%B4%EB%B3%B4%EB%8B%A4-%EB%84%93%EC%9D%80-%EC%9E%90%EC%8B%9D-%EC%97%98%EB%A6%AC%EB%A8%BC%ED%8A%B8)