diff options
author | Nguyễn Gia Phong <mcsinyx@disroot.org> | 2020-12-03 09:32:13 +0700 |
---|---|---|
committer | Nguyễn Gia Phong <mcsinyx@disroot.org> | 2020-12-03 09:32:13 +0700 |
commit | 8644699f4d2fce12a41289f9627bc45be9dd1965 (patch) | |
tree | d31190ac36d10e297eeab0f6e7a70dc24395695d /usth/ICT3.2/prac/1/task11.css | |
parent | 82048ad9e3e4a96a38c8fa6a529798f40e33acb1 (diff) | |
download | cp-8644699f4d2fce12a41289f9627bc45be9dd1965.tar.gz |
[usth/ICT3.2] Develop web applications
Diffstat (limited to 'usth/ICT3.2/prac/1/task11.css')
-rw-r--r-- | usth/ICT3.2/prac/1/task11.css | 63 |
1 files changed, 63 insertions, 0 deletions
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 } |