From 687bcfcd19c98c0a4eeb6179ea40c41fb1141ab7 Mon Sep 17 00:00:00 2001 From: ​ Date: Thu, 1 Jan 1970 00:00:00 +0000 Subject: rescue 12 --- 12/css/styles.css | 43 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 43 insertions(+) create mode 100644 12/css/styles.css (limited to '12/css/styles.css') diff --git a/12/css/styles.css b/12/css/styles.css new file mode 100644 index 0000000..695be8b --- /dev/null +++ b/12/css/styles.css @@ -0,0 +1,43 @@ +/* + Student Name: Name Surname + Date: 2024/12/01 + File Name: styles.css +*/ + +.hero{ + background-image: linear-gradient(rgba(255, 255, 255, 0.5), + rgba(255, 255, 255, 0.5)),url(../images/baby-hawk.jpg); + background-size: cover; + background-repeat: no-repeat; + background-position: right; +} +.welcome{ + position: absolute; + top: 40%; +} +.display-1{ + font-size: 4em; +} +.bg-brown{ + background-color: #2A1F14; +} + +/* Media Query for Tablet Viewport */ +@media (min-width: 768px) { + .welcome { + top: 20%; + left: 5%; + padding: 2em; + } +} + +/* Media Query for Desktop Viewport */ +@media (min-width: 992px) { + .hero { + background-position: left; + } + + .display-1 { + font-size: 8em; + } +} -- cgit 1.4.1