인프런 커뮤니티 질문&답변
작성한 질문수
CSS적용
작성
·
238
0
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
답변 1
0
안녕하세요 제주코딩베이스캠프입니다.
현재 오류가나는 form.html의 전체 코드를 공유해주시면 해결해드리도록 하겠습니다.
화면을 캡쳐하거나 코드를 답글로 달아주세요!
@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NEXON Lv1 Gothic OTF';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body{
background-color: #bfc8d7;
color: #41553f;
overflow: hidden;
font-family: "NEXON Lv1 Gothic OTF";
}
#survey {
display: flex;
justify-content: center;
width: 100vw;
height: 100vh;
margin-top: 50px;
}
.test {
max-width: 600px;
height: 100vh;
}
.question_container {
display: flex;
flex-direction: column;
align-items: center;
font-size: 30px;
line-height: 1.3;
padding-bottom: 10px;
}
.question_container .number {
padding-bottom: 30px;
}
.question_container .question {
font-family: "GmarketSansBold";
}
.answer {
font-size: 17px;
line-height: 1.5;
padding-bottom: 30px;
}
.answer div {
padding-bottom: 15px;
}
.answer input {
cursor : pointer;
}
.btn_wrap {
display: flex;
justify-content: center;
}
.btn_sort {
justify-content: space-between;
}
button, .submit_btn {
width: 100px;
height: 40px;
padding: 5px;
border-style: none;
border-radius: 10px;
font-family:'NEXON Lv1 Gothic OTF' ;
font-size: 20px;
background-color: #41553f;
color: #dda5a5;
cursor: pointer;
}
button:hover, .submit_btn:hover {
color:#41553f ;
background-color: #dda5a5 ;
}
@font-face {
font-family: 'GmarketSansBold';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'NEXON Lv1 Gothic OTF';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
font-weight: normal;
font-style: normal;
}
body{
background-color: #bfc8d7;
color: #41553f;
overflow: hidden;
font-family: "NEXON Lv1 Gothic OTF";
}
#survey {
display: flex;
justify-content: center;
width: 100vw;
height: 100vh;
margin-top: 50px;
}
.test {
max-width: 600px;
height: 100vh;
}
.question_container {
display: flex;
flex-direction: column;
align-items: center;
font-size: 30px;
line-height: 1.3;
padding-bottom: 10px;
}
.question_container .number {
padding-bottom: 30px;
}
.question_container .question {
font-family: "GmarketSansBold";
}
.answer {
font-size: 17px;
line-height: 1.5;
padding-bottom: 30px;
}
.answer div {
padding-bottom: 15px;
}
.answer input {
cursor : pointer;
}
.btn_wrap {
display: flex;
justify-content: center;
}
.btn_sort {
justify-content: space-between;
}
button, .submit_btn {
width: 100px;
height: 40px;
padding: 5px;
border-style: none;
border-radius: 10px;
font-family:'NEXON Lv1 Gothic OTF' ;
font-size: 20px;
background-color: #41553f;
color: #dda5a5;
cursor: pointer;
}
button:hover, .submit_btn:hover {
color:#41553f ;
background-color: #dda5a5 ;
}