Skip to content

Conversation

@ShiroUsagi25
Copy link

요구사항

기본

  • [x]
  • []
  • []

심화

  • [x]
  • []

주요 변경사항

스크린샷

image

멘토에게

  • 셀프 코드 리뷰를 통해 질문 이어가겠습니다.

@ShiroUsagi25 ShiroUsagi25 requested a review from dongqui January 23, 2025 08:21
@ShiroUsagi25 ShiroUsagi25 added the 순한맛🐑 마음이 많이 여립니다.. label Jan 23, 2025
Copy link
Collaborator

@dongqui dongqui left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

윤승님 고생 많으셨습니다~!

군더더기 없이 잘 마무리 해주셨습니다. 요구 사항을 조금만 더 꼼꼼하게 챙겨주시면 더 좋을 거 같습니다 :)

@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="ko">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lang을 잘 챙겨주셨네요! 👍

<div class="container">
<header>
<a href="/">
<img src="/img/logo.png" alt="logo" class="logo">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

alt를 잘 넣어주셨네요~! 👍

margin: 0 auto;
}

header {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

지금은 css 파일이 하나라 괜찮지만, 태그에 직접 스타일을 주게 되면 페이지 전체에 영향을 주기 때문에 지양하시는 것이 좋습니다!! 되도록 클래스를 이용해주세요~ :)

height: 20px;
}

@media (max-width: 1120px) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

반응형도 해주셨군요! 👍

}
}

@media (max-width: 800px) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

아마 미션 3에서 더 하시겠지만, break-point도 확인해주세요 :)

height: 300px;
}

.function-block img {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image
화면에 따라 이미지가 줄어들다보니 짓눌리는 현상이 있습니다!

미션3 때 조금 더 신경써주세요 :)

.function-block {
width: 988px;
display: flex;
justify-content: space-around;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image
특정 구간에서 텍스트 영역과 이미지가 벌어지네요! space-around는 요구사항과 맞지 않는 거 같습니다!

@dongqui dongqui merged commit 0ee9094 into codeit-bootcamp-frontend:Basic-이윤승 Jan 24, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

순한맛🐑 마음이 많이 여립니다..

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants