* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
오른쪽 아이콘에 넣고싶은데 강의영상과 강의자료를 봐도 모르겠습니다 ㅜㅜ
지피티를 대화를 통해서 만든것인데 강의 코드랑 조금 달라서 헷갈리기도하고
아이콘 사이트에서 어떤것을 가져다 써야하는지가 명확하게 나오지 않는것같습니다.
보고 계신 화면 전체를 캡
처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
오류 발생 시, 작성<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>웹 애플리케이션 레이아웃</title>
<link rel="stylesheet" href="1styles copy.css">
</head>
<body>
<div class="container">
<header>
<img src="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/chatgpt300%25/week5/image.png" alt="로고" class="logo">
<div class="icon-buttons">
<button class="icon-button"><img src="icon1.png" alt="아이콘 1"></button>
<button class="icon-button"><img src="icon2.png" alt="아이콘 2"></button>
</div>
</header>
<main>
<div class="box box1">
<div class="box-content">
<h2 class="title">타이틀</h2>
<p class="small-text">작은 글씨</p>
<p class="medium-text">중간 진한 글씨</p>
</div>
</div>
<div class="box box2">
<div class="card">
<div class="card-content">
<p class="small-text">작은 글씨</p>
<p class="medium-text">중간 진한 글씨</p>
</div>
</div>
<div class="card">
<div class="card-content">
<p class="small-text">작은 글씨</p>
<p class="medium-text">중간 진한 글씨</p>
</div>
</div>
<div class="card">
<div class="card-content">
<p class="small-text">작은 글씨</p>
<p class="medium-text">중간 진한 글씨</p>
</div>
</div>
</div>
<div class="box box3">
<div class="button-container">
<button class="gray-button">버튼 1</button>
<button class="gray-button">버튼 2</button>
</div>
</div>
<p class="privacy-policy">개인정보처리방침 보기</p>
</main>
<footer>
<button class="footer-icon-button"><img src="footer-icon1.png" alt="푸터 아이콘 1"></button>
<button class="footer-icon-button"><img src="footer-icon2.png" alt="푸터 아이콘 2"></button>
<button class="footer-icon-button"><img src="footer-icon3.png" alt="푸터 아이콘 3"></button>
<button class="footer-icon-button"><img src="footer-icon4.png" alt="푸터 아이콘 4"></button>
<button class="footer-icon-button"><img src="footer-icon5.png" alt="푸터 아이콘 5"></button>
</footer>
</div>
</body>
</html>
한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
