<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://kit.fontawesome.com/a3b2912982.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="css/style.css" />
<link
rel="stylesheet"
media="screen and (max-width:768px)"
href="css/mobile.css"
/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<title>News Grid</title>
</head>기본적으로 boilertemplate에 넣은 것들.
- fontawesome
- main style sheet인 css/style.css 넣어주기
- 모바일 사이즈 미디어 쿼리를 위해 css/mobile.css도 넣어준다.
그런데 이 파일은 화면 너비가 최대 768px까지만 영향을 줄거라서 media="screen and (max-width:768px)" 속성도 넣어줘야 한다.
- favicon
favicon이 뜨지 않으면 그냥 f5가 아니라 shift + f5를 누른다.
f5가 단순히 페이지를 reload해준다면
shift+f5는 cached content를 무시하고 페이지를 reload 해준다.
'Mini Projects' 카테고리의 다른 글
| News Grid (4) - Header Showcase (0) | 2020.07.06 |
|---|---|
| News Grid (3) Basic CSS (0) | 2020.07.06 |
| News Grid (2) Nav Bar (HTML) (0) | 2020.07.06 |
| 3. Loan Calculator (JavaScript) (0) | 2020.06.23 |
| 2. Task List (JavaScript) (0) | 2020.06.22 |
