class ='bucket'을 다시 넣어주는 이유가 뭔가용

커뮤니티

포인트

쿠폰

내 강의실

국비 신청 내역

증명서

계정

로그아웃

학습 질문

개발 일지

나의 활동

답변 완료

class ='bucket'을 다시 넣어주는 이유가 뭔가용

2024 나만의 버킷리스트 만들기 v0

기타

김******a

・

추천

・

조회수

답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

bucket 마지막에 size; cover 해두고 뒤에 class = 'bucket' 을 하는 이유가 궁금합니다.

강의에는 설명이 안나와있어서요..

2.제가 코드를 작성했는데 강의 영상이랑 완전 다르게 나와서요 ㅠ ㅠ 어디가 잘못된건지 알려주세요...!!

1번 질문 관련 캡쳐

고 계신 화면 전2체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.

2번 질문 : 결과화면

작성한 코드 및 에러 메세지

<!--
  Hit RUN to see this project in action!
  
  This project will auto-refresh as you edit the HTML, CSS and JS. See README.md for more info (including how to disable auto-refresh and install packages).
-->


<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>2024 나만의 신년 계획</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <style>
      .bg{
        background-image: url('https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bg-grid.png');
        background-position: center;
        background-color: cover;
        margin: auto;
        width: 360px;
      }
      .title{
        background-color: skyblue;
        border-radius: 10px;
        color: white;
        text-align: center;
        padding: 4px 14px;
      }
      .bucket {
        width: 160px;
        height: 160px;
        background-position: center;
        background-color: cover;
      }
      .img1 {
      background-image: url(https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/bucketList/bucket-red.png);
      }
    </style>
  </head>


  <body class="bg">
    <h1 class="title">2024 신년 계획</h1>
    <p>올해 안에 3가지 목표를 달성하지 못한 경우,</p>
    <p>1년간 초콜렛먹지 않겠습니다</p>
    <div>
      <div class='bucket img1'>몸과 수치 정상으로 돌리기</div>
      <div class='bucket'>아빠 거래처 3곳 이상 상반기 안에 달성</div>
      <div class='bucket img1'>영어 쉐도잉 4편 마스터</div>
      <div class='bucket'>예창패 도전</div>
      <div class='bucket'>월 수익 2000만원 달성</div>
    </div>
    <script
      src="https://replit.com/public/js/replit-badge-v2.js"
      theme="dark"
      position="bottom-right"
    ></script>
  </body>
</html>

감사합니다..🥹

댓글 알림