Showing
4 changed files
with
21 additions
and
5 deletions
| 1 | -.row { | 1 | +/* .row { |
| 2 | padding-left: 15px; | 2 | padding-left: 15px; |
| 3 | padding-right: 15px; | 3 | padding-right: 15px; |
| 4 | -} | 4 | +} */ |
| 5 | 5 | ||
| 6 | .card-body { | 6 | .card-body { |
| 7 | text-align: center; | 7 | text-align: center; |
| ... | @@ -9,3 +9,9 @@ | ... | @@ -9,3 +9,9 @@ |
| 9 | body{ | 9 | body{ |
| 10 | font-family: 'Noto Sans KR', sans-serif; | 10 | font-family: 'Noto Sans KR', sans-serif; |
| 11 | } | 11 | } |
| 12 | +.category{ | ||
| 13 | + text-align: center; | ||
| 14 | + margin-left: auto; | ||
| 15 | + margin-right: auto; | ||
| 16 | + width: 70%; | ||
| 17 | +} | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -8,7 +8,8 @@ | ... | @@ -8,7 +8,8 @@ |
| 8 | <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' /> | 8 | <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-grid.min.css' /> |
| 9 | <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' /> | 9 | <link rel='stylesheet' href='/vendors/bootstrap/css/bootstrap-reboot.min.css' /> |
| 10 | <link rel='stylesheet' href='/css/category.css'> | 10 | <link rel='stylesheet' href='/css/category.css'> |
| 11 | - | 11 | + <link rel="preconnect" href="https://fonts.gstatic.com"> |
| 12 | + <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet"> | ||
| 12 | <title>📝 진단 검사</title> | 13 | <title>📝 진단 검사</title> |
| 13 | </head> | 14 | </head> |
| 14 | 15 | ... | ... |
| 1 | -<div class="row"> | 1 | +<div class="category"> |
| 2 | + <div class="card mx-auto mb-2" style ="margin-left: 30%;"> | ||
| 3 | + <div class="d-flex align-items-center"> | ||
| 2 | <div class="card" style="width: 18rem;"> | 4 | <div class="card" style="width: 18rem;"> |
| 3 | <img src="/img/restaurant.jpg" class="card-img-top" alt="..."> | 5 | <img src="/img/restaurant.jpg" class="card-img-top" alt="..."> |
| 4 | <div class="card-body"> | 6 | <div class="card-body"> |
| ... | @@ -31,6 +33,11 @@ | ... | @@ -31,6 +33,11 @@ |
| 31 | <a href="/category/transport" class="btn btn-primary">검사!</a> | 33 | <a href="/category/transport" class="btn btn-primary">검사!</a> |
| 32 | </div> | 34 | </div> |
| 33 | </div> | 35 | </div> |
| 36 | + </div> | ||
| 37 | + </div> | ||
| 38 | + | ||
| 39 | + <div class="card mx-auto mb-2"style ="margin-left: 30%;"> | ||
| 40 | + <div class="d-flex align-items-center"> | ||
| 34 | <div class="card" style="width: 18rem;"> | 41 | <div class="card" style="width: 18rem;"> |
| 35 | <img src="/img/safe.jpg" class="card-img-top" alt="..."> | 42 | <img src="/img/safe.jpg" class="card-img-top" alt="..."> |
| 36 | <div class="card-body"> | 43 | <div class="card-body"> |
| ... | @@ -63,4 +70,6 @@ | ... | @@ -63,4 +70,6 @@ |
| 63 | <a href="/category/gym" class="btn btn-primary">검사!</a> | 70 | <a href="/category/gym" class="btn btn-primary">검사!</a> |
| 64 | </div> | 71 | </div> |
| 65 | </div> | 72 | </div> |
| 73 | + </div> | ||
| 74 | + </div> | ||
| 66 | </div> | 75 | </div> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment