* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
code 문법 에러 여부 확인 부탁드려요
live server에
url 복사 배경이 예상대로 나타 나지 않아요
보<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>2023 미션</title>
<style>
.title {
color: white;
background-color: tomato;
font-size: 24px;
padding: 4px 14px;
border-radius: 8px;
}
.bg {
width: 360 px;
background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bg-grid.png");
}
.msg {
font-weight: bold;
}
.bucket {
width: 160px;
height: 160px;
}
.img1 {
background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-red.png");
background-size: cover;
background-position: center;
}
.imge2 {
background-image: url("https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-lightred.png");
background-size: cover;
background-position: center;
}
</style>
</head>
<body class="bg">
<h1 class="title"> 2023 미션</h1>
<p class="msg">올해는 미션을 반드시 실천하자!</p>
<div class="row">
<div class="bucket" img1>영향력 안에서 주도적인 삶 </div>
<div class="bucket" img1>목표 설정 방향성 행동</div>
<div class="bucket" img1>할일에 우선 순위,소중한 것부터</div>
<div class="bucket" img1>경청으로 먼저 이해하고 설득</div>
<div class="bucket" img1>차이를 존증하여 Win Win하기 </div>
<div class="bucket" img2>매일 심신단련 루틴 준수</div>
<div class="bucket" img2>몸소 정리 정돈</div>
<div class="bucket" img2>유머감각 잃지 않기</div>
<div class="bucket" img2>능숙하게 할 수 있는 새로은 일 1건/년 개발 </div>
<div class="bucket" img2>3번 칭찬, 10번 감사, 2백자 쓰기, 2천자 읽기, 만보 걷기 </div>
</div>
</body>
</html>고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
