gpt에 hero의 배경색을 적당히 어둡게 그리고 글씨를 하얀색으로 부탁하였을 때 다음과 같은 코딩을 줍니다. (강의에 나오는 대로 gpt에 물어봤습니다).
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<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>
/* 꾸미기 */
.hero-section {
background-color: #343a40; /* 어두운 배경색 */
color: #ffffff; /* 흰색 텍스트 */
padding: 80px 0; /* 상하 여백 조절 */
text-align: center;
}
.hero-title {
font-size: 2.5em;
margin-bottom: 20px;
}
.hero-subtitle {
font-size: 1.5em;
}
</style>
</head>
<body>
<!-- 뼈대 잡기 -->
<div class="hero-section">
<h1 class="hero-title">중고 마켓</h1>
<p class="hero-subtitle">팝니다</p>
</div>
<button type="button" class="btn btn-primary">간단한 버튼</button>
</body>
</html>
글씨에 대한 코딩은 위에 따로 style 에서 만들어 줘서 이것도 같이 복사해서 넣으면 되는 건가요 ?
작성한 코드 및 에러 메세지
