* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
강의 내용 따라하면서 코드 입력도 해보고 강의 자료에 있는 코드를 복사 붙여넣기를 해도 똑같이 홈페이지의 글씨와 그림이 깨져서 나타납니다. 어떻게 해야하나요?ㅜㅜ
보고 계신 화면 전체
를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>나만의 중고마켓</title>
<link
rel="stylesheet"
href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/easygpt/default.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"
></script>
<style>
/* 꾸미기 */
</style>
</head>
<body>
<div class="hero bg-dark text-center py-5">
<h1 class="text-white">나만의 르탄마켓</h1>
<h2 class="text-white">집에 있는 물건을 팝니다!</h2>
</div>
<div class="container mt-5">
<div class="row">
<!-- 냄비 카드 -->
<div class="col-md-4">
<div class="card" style="width: 18rem">
<img
class="card-img-top"
alt="냄비 이미지"
/>
<div class="card-body">
<h5 class="card-title">냄비</h5>
<h6 class="card-subtitle mb-2 text-muted">5만원</h6>
<p class="card-text">
한 번 밖에 안 쓴 냄비 팝니다. 부모님이 독립할 때 주신 거에요!
</p>
<a
href="https://spartacodingclub.kr/"
class="btn btn-primary"
target="_blank"
rel="noopener noreferrer"
>
상세 정보 보기
</a>
</div>
</div>
</div>
<!-- 전기밥솥 카드 -->
<div class="col-md-4">
<div class="card" style="width: 18rem">
<img
class="card-img-top"
alt="전기밥솥 이미지"
/>
<div class="card-body">
<h5 class="card-title">전기밥솥</h5>
<h6 class="card-subtitle mb-2 text-muted">8만원</h6>
<p class="card-text">
거의 사용하지 않은 전기밥솥 팝니다. 상태 양호합니다.
</p>
<a
href="https://spartacodingclub.kr/"
class="btn btn-primary"
target="_blank"
rel="noopener noreferrer"
>
상세 정보 보기
</a>
</div>
</div>
</div>
<!-- 주전자 카드 -->
<div class="col-md-4">
<div class="card" style="width: 18rem">
<img
class="card-img-top"
alt="주전자 이미지"
/>
<div class="card-body">
<h5 class="card-title">주전자</h5>
<h6 class="card-subtitle mb-2 text-muted">3만원</h6>
<p class="card-text">
사용감이 있지만 기능에는 문제 없는 주전자 팝니다.
</p>
<a
href="https://spartacodingclub.kr/"
class="btn btn-primary"
target="_blank"
rel="noopener noreferrer"
>
상세 정보 보기
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
