커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
한지훈 튜터님께 질문드립니다.
2024 나만의 버킷리스트 만들기 v0
1주차
강*은
댓글
13
・
추천
0
・
조회수
26
조회수
26
답변 완료
* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
튜터님, 저번에 주신 답은 잘 받았습니다. 그러나 튜터님이 주신 코드가 이상합니다. tab과 오류를 고쳐서 다시 전송해주시면 감사하겠습니다.
<!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" />
<link rel="stylesheet" type="text/css" href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/sparta-bucket2.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');
background-position: center;
background-size: cover;
margin: 0 auto;
width: 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;
color: white;
}
.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>
</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>
<script src="script.js"></script>
</body>
</html>
//이런식으로 띄어쓰기만 살짝씩 되어있습니다... tab을넣고 코드 전용 칸에 넣어주세요...
댓글 알림
