* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
마지막까지 따라했는데, 화면결과가 모양이 다릅니다 .
보고 계신 화면 전체를 캡처
해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
<html lang="ko-KR">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="hw1_styles.css">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,1,0">
</head>
<body>
<div class="container">
<div class="header">
<img src="https://spartacodingclub.kr/_next/image?url=%2Fv5%2Ficons%2Flogo-inactive.png&w=1080&q=100"
alt="Logo" class="logo">
<div class="icons">
<span class="material-symbols-outlined"> location_on </span>
<span class="material-symbols-outlined">
notifications
</span>
</div>
</div>
<!-- main 부분만 변경 -->
<div class="main">
<div class="box box1">
<h2 class="title">투자</h2>
<p class="small-text">증권 계좌 연결하고</p>
<h3 class="bold-text">포트폴리오 모아보기</h3>
</div>
<div class="box box2">
<div class="card">
<p class="small-text">안전하게</p>
<h3 class="bold-text">신용점수 보기</h3>
</div>
<div class="card">
<p class="small-text">최대 14만원</p>
<h3 class="bold-text">카드 혜택 받기</h3>
</div>
<div class="card">
<p class="small-text">최근</p>
<h3 class="bold-text">공동구매</h3>
</div>
</div>
<div class="box box3">
<div class="button-group">
<button class="gray-button">화면 설정</button>
<button class="gray-button">자산 추가</button>
</div>
</div>
<div class="privacy-policy">개인정보처리방침 보기</div>
</div>
<div class="footer">
<span class="material-symbols-outlined"> home </span>
<span class="material-symbols-outlined"> diamond </span>
<span class="material-symbols-outlined"> wallet </span>
<span class="material-symbols-outlined">
stacked_line_chart
</span>
<span class="material-symbols-outlined"> menu </span>
</div>
</div>
</body>
</html>오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
