RWD/grid-layout.html at main · sumin-Kim-00/RWD · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="ko-KR">
<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Grid를 활용한 반응형 레이아웃</title>
  <link rel="stylesheet" href="./styles/grid-layout.css" />
</head>
<body>
  <div class="container">
    <div class="group1">박스1</div>
    <div class="group2">박스2</div>
    <div class="group3">박스3</div>
    <div class="group4">박스4</div>
    <div class="group5">박스5</div>
    <!-- <div class="group6">박스6</div>
    <div class="group7">박스7</div>
    <div class="group8">박스8</div>
    <div class="group9">박스9</div>
    <div class="group10">박스10</div>
    <div class="group11">박스11</div>
    <div class="group12">박스12</div> -->
  </div>
</body>
</html>