From 8644699f4d2fce12a41289f9627bc45be9dd1965 Mon Sep 17 00:00:00 2001
From: Nguyễn Gia Phong <mcsinyx@disroot.org>
Date: Thu, 3 Dec 2020 09:32:13 +0700
Subject: [usth/ICT3.2] Develop web applications

---
 usth/ICT3.2/prac/1/task11.css | 63 +++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)
 create mode 100644 usth/ICT3.2/prac/1/task11.css

(limited to 'usth/ICT3.2/prac/1/task11.css')

diff --git a/usth/ICT3.2/prac/1/task11.css b/usth/ICT3.2/prac/1/task11.css
new file mode 100644
index 0000000..dc06cc2
--- /dev/null
+++ b/usth/ICT3.2/prac/1/task11.css
@@ -0,0 +1,63 @@
+* { box-sizing: border-box }
+
+body { margin: 0 }
+
+header, nav, article, footer {
+    background-color: #5b9bd5;
+    color: white;
+    margin: 1vh 1vw;
+}
+
+header, footer {
+    width: 96vw;
+    text-align: center;
+}
+
+nav, article {
+    float: left;
+    height: 60vh;
+}
+
+header {
+    height: 20vh;
+    line-height: 20vh;
+}
+
+nav { width: 25vw }
+
+article { width: 69vw }
+
+footer {
+    height: 10vh;
+    line-height: 10vh;
+}
+
+@media (max-width: 690px) {
+    nav, article {
+        width: 96vw;
+        height: auto;
+    }
+}
+
+section:after {
+    content: '';
+    display: table;
+    clear: both;
+}
+
+p, img { margin: 1em }
+
+.box {
+    border: 2px solid #cbcbcb;
+    background-color: #538135;
+    text-align: center;
+    padding: 0.5em;
+}
+
+img {
+    width: 10vw;
+    height: 10vw;
+    border: 2px solid #cbcbcb;
+}
+
+a { text-decoration: none }
-- 
cgit 1.4.1