codestates / codestates/underTheSea

[✍️ Dev Log] 정성우 / 2022-01-21


Open
#172 0 comments 0 reactions 0 assignees View on GitHub
Client
Dominant language
JavaScript
Stars
0
Forks
5
PR merge metrics
No merged PRs in 30d

Description

### 오늘은 어떻게 프로젝트에 기여했나요?

- 상세관리페이지 기능점검 및 미디어쿼리 적용
- 레벨업 성공시 축하메세지 모달창 추가
- 관리페이지 카드 CSS 수정
- flex 박스 grid 박스로 교체
- 검색페이지 인풋창 CSS 수정

### 오늘의 프로젝트에서 힘든 점은 무엇인가요?

- 카드 컴포넌트들을 오른쪽 부터 채우기 위해 flex박스에서 grid박스로 바꾸는 과정이 약간 어려웠음
- 미디어쿼리를 적용하는 과정에서 컴포넌트 배치가 어려움

```js
const InfoContainer = styled.div`
width: 70%;
height: 100%;
display: grid;
grid-template-columns: 300px 300px 300px;
column-gap: 55px;
margin-bottom: 10%;
@media screen and (max-width: 900px) {
grid-template-columns: 300px 300px;
}
@media screen and (max-width: 768px) {
grid-template-columns: 300px;
}
`;
```

### 내일은 프로젝트에 기여하기 위해 무엇을 해야 하나요?

- [x] 개발 마무리 및 노션문서 제작

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.