Open
Conversation
uuzjin
reviewed
Apr 1, 2026
Comment on lines
+15
to
+20
| flex-wrap: wrap; | ||
| flex-direction: row;/* 요소들의 메인 축을 가로로 설정하는 코드를 입력해 주세요 */ | ||
| max-width: 700px;/* 요소의 최대 가로 크기를 700px로 설정해 주세요 */ | ||
| padding: 40px 20px;/* 내부 여백에 상하 40px, 좌우 20px 적용해 주세요 */ | ||
| /* 그 밖에 필요한 속성들 추가 */ | ||
| flex-wrap: wrap; |
Contributor
There was a problem hiding this comment.
display: flex 요소가 적용되어 있지 않아서 왼쪽 정렬이 되는 것 같아요.
이 코멘트 참고하고 평행사변형으로 만드는 법 검색해서 과제 한번 수정해 보시겠어요?
그리고 주석 지워도 됩니다~
uuzjin
reviewed
Apr 1, 2026
Contributor
uuzjin
left a comment
uuzjin
left a comment
There was a problem hiding this comment.
코멘트랑 과제 자료 참고해서 과제 다시 한번 도전해 봅시다!
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
✨ 과제 내용
과제_1: 계산기 디자인하기
-버튼의 높이와 간격을 조정하여 계산기 디자인
-hover로 마우스를 올렸을 때 버튼에 강조 효과
과제_2: 포켓몬 만들기
-nth-child 가상 클래스로 이미지 삽입
📸 스크린샷(필수)
📚 새로 알게된 내용 혹은 궁금한 점
-overflow: hidden;
박스를 벗어나는 이미지 숨기기
-nth-child 가상 클래스
부모 요소의 자식들 중 형제 사이에서의 순서에 따라 요소를 선택하는 클래스
.container .pokemons .pokemon에서 정렬이 결과 화면처럼 안되고 왼쪽 정렬만 됩니다. 어떤 속성을 써야 하나요?