Conversation
| table { | ||
| border-collapse: collapse; | ||
| border-spacing: 0; | ||
| } |
There was a problem hiding this comment.
각 파일마다 마지막에 빈 줄을 하나씩 넣어주는 것을 권장해요.
(찾아보기 키워드: EOL, end of line, 파일 마지막 개행)
| @@ -0,0 +1,164 @@ | |||
| @import "reset.css"; | |||
There was a problem hiding this comment.
오 @import 잘 활용하셨네요 👍🏽
reset css 파일 분리해서 이렇게 참조하는 것 좋습니다!
|
|
||
|
|
There was a problem hiding this comment.
클래스 사이에 빈 줄은 1줄만 띄어주세요
| } | ||
|
|
||
|
|
||
| html{ |
There was a problem hiding this comment.
태그, 클래스와 중괄호 사이에 1칸 띄어쓰기 해주세요!
| html{ | |
| html { |
|
|
||
|
|
||
| html{ | ||
| height:100%; |
There was a problem hiding this comment.
속성의 키와 값 사이에도 1칸 띄어쓰기 해주세요!
전체적으로 확인 및 수정해주시고 앞으로의 과제에서도 요런 부분은 실수 없도록 꼼꼼히 확인 부탁드립니다!
| height:100%; | |
| height: 100%; |
| </header> | ||
| <main> | ||
| <section class="main"> | ||
| <h1 class="main-title"> |
There was a problem hiding this comment.
h1 은 해당 페이지에서 가장 중요한 제목을 담습니다
이 페이지에서 제목 역할을 하는 부분은 어디일까요??
| </div> | ||
| <h2> | ||
| 회원이 아니신가요? | ||
| <a href="./signup.html">회원가입하기</a> |
There was a problem hiding this comment.
여기는 button 태그 대신 a 태그 잘 사용해주셨네요! 💯
요구사항 5,6번 : url path를 따로 페이지경로(signup.html 혹은 signin.html)이 아닌 파일명만 적어도 가능하게 하는 방법을 모르겠습니다
질문주셨는데, 확장자를 포함하지 않고 파일명만 활용하려면 추가적인 설정이 필요하기 때문에 우선은 지금처럼 적용하시면 됩니다 :)
| </div> | ||
| <div class="input-form"> | ||
| <div class="email-input"> | ||
| <h3>이메일</h3> |
There was a problem hiding this comment.
input 의 이름은 label 태그를 사용해주세요.
label 과 input 을 연결하기 위해 쓰이는 id, for 등의 속성도 공부해서 같이 추가해보세요!
| <div class="input-form"> | ||
| <div class="email-input"> | ||
| <h3>이메일</h3> | ||
| <form> |
There was a problem hiding this comment.
form 태그는 여러 인풋들을 묶는 데 사용합니다
지금은 input 하나하나를 form 으로 각각 감싸주셨는데
하나의 form 태그 안에 이메일과 비밀번호 인풋 두개가 다 포함되도록 구조를 개선해주세요!
폼 쪽 구조 잡는 부분이 어렵긴 한데 중요한 부분이라서
여러 자료들 검색해보시면서 따라해보시면 좋을 것 같아요
| } | ||
|
|
||
| input:focus { | ||
| outline: 1px #6D6AFE solid; |
요구사항
기본
심화
주요 변경사항
스크린샷
멘토에게