2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
MinsoftK
ac360acd 1 parent b4288754

main page

Inline Side-by-side
Showing 1 changed file with 14 additions and 9 deletions
...@@ -22,37 +22,42 @@ ...@@ -22,37 +22,42 @@
22 border-right:1px solid gray; 22 border-right:1px solid gray;
23 width:150px; 23 width:150px;
24 margin:0; 24 margin:0;
25 + padding:20px;
25 26
26 } 27 }
27 - @media(min-width:500px){ 28 +
28 #grid{ 29 #grid{
29 display: grid; 30 display: grid;
30 - grid-template-columns: 200px 1fr; 31 + grid-template-columns: 211px 1fr;
32 +
31 } 33 }
32 - }
33 #grid ol{ 34 #grid ol{
34 - /*grid에 있는 ol 만 해당하는 것을 선택*/ 35 + padding-left: 40px;
36 + }
37 + }
38 + #grid #article{
39 + padding-left: 20px;
40 + /*grid에 있는 ol 만 해당하는 것을 선택*/
35 } 41 }
36 </style> 42 </style>
37 </head> 43 </head>
38 <body> 44 <body>
39 - 45 +<img src="coding.jpg" width=50% style="padding-left:100px;">
40 <h1><a href="index.html" color:black>KHU KHU Chat service</a></h1> 46 <h1><a href="index.html" color:black>KHU KHU Chat service</a></h1>
41 <div id="grid"> 47 <div id="grid">
42 <ol> 48 <ol>
43 <li><a href="loginmain.html">로그인&회원가입</a></li> 49 <li><a href="loginmain.html">로그인&회원가입</a></li>
44 <li><a href="KHUchat.html">KHU chat이란?</a></li> 50 <li><a href="KHUchat.html">KHU chat이란?</a></li>
45 </ol> 51 </ol>
46 - <div> 52 + <div id="article">
47 <h2><a href="KHUchat.html" 53 <h2><a href="KHUchat.html"
48 target="_blank" title="go to blog for specification">KHU Chating이란 무엇인가?</a></h2> 54 target="_blank" title="go to blog for specification">KHU Chating이란 무엇인가?</a></h2>
49 <p>This is chating application which chat your frineds, coworkers and anyone do you want <br> 55 <p>This is chating application which chat your frineds, coworkers and anyone do you want <br>
50 so enjoy it out sevice. 56 so enjoy it out sevice.
51 - </p><p 57 + </p>
52 - style="margin-top:45px;">HTML is so fun fun fun!</p>
53 </div> 58 </div>
54 </div> 59 </div>
55 60
56 -<img src="coding.jpg" width="100%"> 61 +
57 </body> 62 </body>
58 </html> 63 </html>
......