* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
버킷리스트에서 이미지를 넣는 부분인데 어디자 잘못됬는지 잘 모르겠어요
작성한 코드 및 에러 메세지
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>2024 지영의 버킷리스트</title>
<style>
.bg {
background-image: url("./sparthon_BG.png");
background-size: cover;
background-repeat: no-repeat;
margin: 0 auto;
background-color: #141617;
}
.title {
margin-top: 50px;
color: #E8344E;
}
.msg {
color: white;
margin-bottom: 48px;
}
.bucket {
width: 160px;
height: 160px;
background-size: cover;
background-position: center;
}
.img1 {
background-image: url("./Bucket01.png");
color: white;
}
.img2 {
background-image: url("./Bucket02.png");
color: #E8344E;
}
.img3 {
background-image: url("./Bucket03.png");
color: #E8344E;
}
.img4 {
background-image: url("./Bucket04.png");
color: white;
}
.img5 {
background-image: url("./Bucket05.png");
color: white;
}
.img6 {
background-image: url("./Bucket06.png");
color: #E8344E;
}
</style>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body class="bg">
<h1 class="title">ma 1er coding</h1>
<p class="msg">꿈은 꾸는것이 아닌 이루는 것이다</p>
<div>
<div class="bucket img1"> 코딩이용해서 나만의 웹 만들기 </div>
<div class="bucket img2"> 개인전 알차게 준비하기 </div>
<div class="bucket img3"> 래지던시 준비하기 </div>
<div class="bucket img4"> 사업준비하기 </div>
<div class="bucket img5"> 지원금 받기 </div>
<div class="bucket img6"> 늘 기도하고 주님과 함께하기 </div>
</div>
<script src=" script.js">
</script>
</body>
</html>
