커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
앞에 h1제목이랑 div클래스가 안나와요.
2024 나만의 버킷리스트 만들기 v0
1주차
강*은
댓글
1
・
추천
0
・
조회수
18
조회수
18
답변 완료
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
안녕하세요. 저는 시작부터 응용을 해보고 싶어서 습관달력을 만들었어요. 그런데 앞에 있는 div 몇개와 제목이 날라갔어요! 도와주세요!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>2024년 66일 습관달력</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap') * {
font-family: "Black Han Sans", serif;
}
.bg {
background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bg-grid.png');
* {
font-family: ;
}
background-position: center;
background-size: cover;
margin: auto;
with: 360px;
}
.title {
background-color: lightblue;
border-radius: 10px;
color: white;
text-align: center;
padding: 4px 14px;
}
.bucket {
width: 160px;
height: 160px;
background-position: center;
background-size: cover;
}
.img1 {
background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-red.png');
}
.img2 {
background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-lightred.png');
}
</style>
<link rel="stylesheet" type="text/css"
href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/sparta-bucket2.css">
</head>
<body class="bg">
<h1 class="title">2024년 66일 습관달력</h1>
<p>시작날짜 2024년 2월 14일</p>
<div class='bucket img1'>1일차</div>
<div class='bucket img2'>2일차</div>
<div class='bucket img2'>3일차</div>
<div class='bucket img1'>4일차</div>
<div class='bucket img1'>5일차</div>
<div class='bucket img2'>6일차</div>
<div class='bucket img2'>7일차</div>
<div class='bucket img1'>8일차</div>
<div class='bucket img1'>9일차</div>
<div class='bucket img2'>10일차</div>
<div class='bucket img2'>11일차</div>
<div class='bucket img1'>12일차</div>
<div class='bucket img1'>13일차</div>
<div class='bucket img2'>14일차</div>
<div class='bucket img2'>15일차</div>
<div class='bucket img1'>16일차</div>
<div class='bucket img1'>17일차</div>
<div class='bucket img2'>18일차</div>
<div class='bucket img2'>19일차</div>
<div class='bucket img1'>20일차</div>
<div class='bucket img1'>21일차</div>
<div class='bucket img2'>22일차</div>
<div class='bucket img2'>23일차</div>
<div class='bucket img1'>24일차</div>
<div class='bucket img1'>25일차</div>
<div class='bucket img2'>26일차</div>
<div class='bucket img2'>27일차</div>
<div class='bucket img1'>28일차</div>
<div class='bucket img1'>29일차</div>
<div class='bucket img2'>30일차</div>
<div class='bucket img2'>31일차</div>
<div class='bucket img1'>32일차</div>
<div class='bucket img1'>33일차</div>
<div class='bucket img2'>34일차</div>
<div class='bucket img2'>35일차</div>
<div class='bucket img1'>36일차</div>
<div class='bucket img1'>37일차</div>
<div class='bucket img2'>38일차</div>
<div class='bucket img2'>39일차</div>
<div class='bucket img1'>40일차</div>
<div class='bucket img1'>41일차</div>
<div class='bucket img2'>42일차</div>
<div class='bucket img2'>43일차</div>
<div class='bucket img1'>44일차</div>
<div class='bucket img1'>45일차</div>
<div class='bucket img2'>46일차</div>
<div class='bucket img2'>47일차</div>
<div class='bucket img1'>48일차</div>
<div class='bucket img1'>49일차</div>
<div class='bucket img2'>50일차</div>
<div class='bucket img2'>51일차</div>
<div class='bucket img1'>52일차</div>
<div class='bucket img1'>53일차</div>
<div class='bucket img2'>54일차</div>
<div class='bucket img2'>55일차</div>
<div class='bucket img1'>56일차</div>
<div class='bucket img2'>57일차</div>
<div class='bucket img2'>58일차</div>
<div class='bucket img1'>59일차</div>
<div class='bucket img2'>60일차</div>
<div class='bucket img2'>61일차</div>
<div class='bucket img1'>62일차</div>
<div class='bucket img2'>63일차</div>
<div class='bucket img2'>64일차</div>
<div class='bucket img1'>65일차</div>
<div class='bucket img2'>66일차</div>
</div>
<script src="script.js"></script>
</body>
</html>
보고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요!
캡쳐가 안되네요 ;;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>2024년 66일 습관달력</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap') * {
font-family: "Black Han Sans", serif;
}
.bg {
background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bg-grid.png');
* {
font-family: ;
}
background-position: center;
background-size: cover;
margin: auto;
with: 360px;
}
.title {
background-color: lightblue;
border-radius: 10px;
color: white;
text-align: center;
padding: 4px 14px;
}
.bucket {
width: 160px;
height: 160px;
background-position: center;
background-size: cover;
}
.img1 {
background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-red.png');
}
.img2 {
background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-lightred.png');
}
</style>
<link rel="stylesheet" type="text/css"
href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/sparta-bucket2.css">
</head>
<body class="bg">
<h1 class="title">2024년 66일 습관달력</h1>
<p>시작날짜 2024년 2월 14일</p>
<div class='bucket img1'>1일차</div>
<div class='bucket img2'>2일차</div>
<div class='bucket img2'>3일차</div>
<div class='bucket img1'>4일차</div>
<div class='bucket img1'>5일차</div>
<div class='bucket img2'>6일차</div>
<div class='bucket img2'>7일차</div>
<div class='bucket img1'>8일차</div>
<div class='bucket img1'>9일차</div>
<div class='bucket img2'>10일차</div>
<div class='bucket img2'>11일차</div>
<div class='bucket img1'>12일차</div>
<div class='bucket img1'>13일차</div>
<div class='bucket img2'>14일차</div>
<div class='bucket img2'>15일차</div>
<div class='bucket img1'>16일차</div>
<div class='bucket img1'>17일차</div>
<div class='bucket img2'>18일차</div>
<div class='bucket img2'>19일차</div>
<div class='bucket img1'>20일차</div>
<div class='bucket img1'>21일차</div>
<div class='bucket img2'>22일차</div>
<div class='bucket img2'>23일차</div>
<div class='bucket img1'>24일차</div>
<div class='bucket img1'>25일차</div>
<div class='bucket img2'>26일차</div>
<div class='bucket img2'>27일차</div>
<div class='bucket img1'>28일차</div>
<div class='bucket img1'>29일차</div>
<div class='bucket img2'>30일차</div>
<div class='bucket img2'>31일차</div>
<div class='bucket img1'>32일차</div>
<div class='bucket img1'>33일차</div>
<div class='bucket img2'>34일차</div>
<div class='bucket img2'>35일차</div>
<div class='bucket img1'>36일차</div>
<div class='bucket img1'>37일차</div>
<div class='bucket img2'>38일차</div>
<div class='bucket img2'>39일차</div>
<div class='bucket img1'>40일차</div>
<div class='bucket img1'>41일차</div>
<div class='bucket img2'>42일차</div>
<div class='bucket img2'>43일차</div>
<div class='bucket img1'>44일차</div>
<div class='bucket img1'>45일차</div>
<div class='bucket img2'>46일차</div>
<div class='bucket img2'>47일차</div>
<div class='bucket img1'>48일차</div>
<div class='bucket img1'>49일차</div>
<div class='bucket img2'>50일차</div>
<div class='bucket img2'>51일차</div>
<div class='bucket img1'>52일차</div>
<div class='bucket img1'>53일차</div>
<div class='bucket img2'>54일차</div>
<div class='bucket img2'>55일차</div>
<div class='bucket img1'>56일차</div>
<div class='bucket img2'>57일차</div>
<div class='bucket img2'>58일차</div>
<div class='bucket img1'>59일차</div>
<div class='bucket img2'>60일차</div>
<div class='bucket img2'>61일차</div>
<div class='bucket img1'>62일차</div>
<div class='bucket img2'>63일차</div>
<div class='bucket img2'>64일차</div>
<div class='bucket img1'>65일차</div>
<div class='bucket img2'>66일차</div>
</div>
<script src="script.js"></script>
</body>
</html>
댓글 알림
