* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
로고 부분이 왜 안나올까요?
다른부분은 다 했는데
보고 계신 화면 전
체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
오<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>My Website</title>
<link rel="stylesheet" href="07_styles.css">
<!-- 아래 부분 복사 붙여 넣기 -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<!-- 복사 붙여 넣기 -->
</head>
<body>
<div class="container">
<header>
<div class="header-box1">
<div class="header-box1-right">
<a href="#">회원가입</a>
<a href="#">로그인</a>
<a href="#">고객센터</a>
</div>
</div>
<div class="header-box2">
<div class="header-box2-left">
<img src="https://spartacodingclub.kr/_next/image?url=%2Fv5%2Ficons%2Flogo-inactive.png&w=1080&q=100"
alt="Logo" class="logo" />
<!-- 변경할 부분 -->
<span style="color: #5f0080">스파르타</span>
<!-- 변경할 부분 -->
</div>
<div class="header-box2-center">
<form>
<label for="search">검색어를 입력해주세요</label>
<input type="text" id="search" name="search">
<button type="submit">
<!-- 아래 부분 복사 붙여 넣기 -->
<span class="material-symbols-outlined">search</span>
<!-- 복사 붙여 넣기 -->
</button>
</form>
</div>
<div class="header-box2-right">
<span class="material-symbols-outlined">
location_on
</span>
<span class="material-symbols-outlined">
favorite
</span>
<span class="material-symbols-outlined">
shopping_cart
</span>
</div>
</div>
</header>
<nav>
<div class="nav-left">
<span class="material-symbols-outlined"> menu </span>
<span class="category-text">카테고리</span>
</div>
<div class="nav-center">
<a href="#">신상품</a>
<a href="#">베스트</a>
<a href="#">알뜰쇼핑</a>
<a href="#">특가/혜택</a>
</div>
<div class="nav-right">
<button class="btn">샛별. 택배 배송안내</button>
</div>
</nav>
<div class="box1">
<div class="box1-content">
<!-- 변경할 부분 -->
alt="이미지" />
<!-- 변경할 부분 -->
</div>
</div>
<div class="box2">
<h2 class="box2-title">이 상품 어때요?</h2>
<div class="card-container">
<div class="card">
<div class="card-image">
alt="상품1">
<div class="card-icon">
<span class="material-symbols-outlined">
local_mall
</span>
</div>
</div>
<div class="card-content">
<h3>[스파르타] 마카롱</h3>
<p>가격 : 65,000원</p>
</div>
</div>
<div class="card">
<div class="card-image">
alt="상품2">
<div class="card-icon">
<span class="material-symbols-outlined">
local_mall
</span>
</div>
</div>
<div class="card-content">
<h3>[스파르타] 샌드위치</h3>
<p>가격 : 20,000원</p>
</div>
</div>
<div class="card">
<div class="card-image">
alt="상품3">
<div class="card-icon">
<span class="material-symbols-outlined">
local_mall
</span>
</div>
</div>
<div class="card-content">
<h3>[스파르타] 브런치</h3>
<p>가격 : 25,000원</p>
</div>
</div>
<div class="card">
<div class="card-image">
alt="상품4">
<div class="card-icon">
<span class="material-symbols-outlined">
local_mall
</span>
</div>
</div>
<div class="card-content">
<h3>[스파르타] 케익</h3>
<p>가격 : 35,000원</p>
</div>
</div>
</div>
</div>
</body>
</html>류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
