-
Notifications
You must be signed in to change notification settings - Fork 31
[김태욱] sprint3 #146
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[김태욱] sprint3 #146
The head ref may contain hidden characters: "Basic-\uAE40\uD0DC\uC6B1"
Conversation
dongqui
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
태욱님! 프로젝트 이후에도 불태워 주시는군요! 👍
기본적인 반응형에 대한 이해는 잘 하고 계신 거 같습니다! 요구 사항을 좀 더 꼼꼼하게 봐주시면 더욱 좋을 거 같아요 :)
| @media (max-width: 767px) { | ||
| #top-banner-text { | ||
| font-size: 32px; | ||
| line-height: 140%; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수정했습니다!
| } | ||
|
|
||
| .feature img { | ||
| width: 696px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
유연하게 대처하면서 뭔가 애매해진다 싶으면, 실무에서는 디자이너분과 상의하실 수 있습니다 :) 너무 어렵게 생각하지 않으셔도 괜찮아요!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
감사합니다!
| line-height: 140%; | ||
| } | ||
|
|
||
| br { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
수정 완료했습니다!
| white-space: nowrap; | ||
| } | ||
|
|
||
| @media (max-width: 1199px) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
점진적으로 반응형을 잘 적용해 주셨네요~! 👍 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
감사합니다!!
| color: #cfcfcf; | ||
| } | ||
|
|
||
| #footer-codeit { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
색상을 챙겨주세요 🤣
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
확인했습니다!
| justify-self: start; | ||
| } | ||
|
|
||
| #footer-Menu { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
여기 부분 grid 방식으로 줬어가지고 유연하게 반응형을 구현 할려면 이렇게 하는게 좋을거 같아 이렇게 했습니다 다만 faq 구역에 갭이 12px이라 이걸 더 늘려서 시안과 비슷하게 만들었습니다!




요구사항
기본
공통
랜딩 페이지
로그인, 회원가입 페이지 공통
심화
주요 변경사항
스크린샷
모바일 버젼 랜딩페이지
타블렛 버젼 랜딩페이지
모바일 버젼 로그인페이지 와 회원가입 페이지
멘토에게