diff options
Diffstat (limited to 'rescue/12/css/styles.css')
| -rw-r--r-- | rescue/12/css/styles.css | 43 |
1 files changed, 43 insertions, 0 deletions
diff --git a/rescue/12/css/styles.css b/rescue/12/css/styles.css new file mode 100644 index 0000000..695be8b --- /dev/null +++ b/rescue/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; + } +} |