From 5cef7f323f5799f1352c717b727dfecb1de20d77 Mon Sep 17 00:00:00 2001
From: hyggehan2 <64298752+hyggehan2@users.noreply.github.com>
Date: Thu, 27 May 2021 21:52:41 +0900
Subject: [PATCH] HW CSS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

그림을 참조한 CSS파일
---
 css/HW.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 css/HW.css

diff --git a/css/HW.css b/css/HW.css
new file mode 100644
index 0000000..3a97c0c
--- /dev/null
+++ b/css/HW.css
@@ -0,0 +1,50 @@
+/* 레이아웃 기본설정*/
+* {
+    box-sizing: border-box;
+    margin:5px;
+    padding:2px;
+}
+/* 그리드를 활용한 레이아웃 설정 */
+.container{
+    display:grid;
+    grid-template-columns: repeat(10,1fr);
+    grid-gap:5px;
+    grid-auto-rows:minmax(100px,auto);
+}
+.fabric{
+    grid-column:1/11;
+    grid-row:1;
+    background-color:lightgray;
+}
+.fabricInfo{
+    grid-column:1/11;
+    grid-row:2/5;
+    background-color:lightgray;
+}
+.washInst{
+    grid-column:1/6;
+    grid-row:5/10;
+    background-color:lightgray;
+}
+.tips{
+    grid-column:1/6;
+    grid-row:10/11;
+    background-color:lightgray;
+}
+.washMeth{
+    grid-column:6/11;
+    grid-row:5/8;
+    background-color:lightgray;
+}
+.detInfo{
+    grid-column:6/11;
+    grid-row:8/11;
+    background-color:lightgray;
+}
+/* 크기가 자동으로 설정되는 텍스트상자 */
+.textBox{
+	display:flex;
+}
+.textBox input{
+    flex: 1 1 auto;
+}
\ No newline at end of file