diff options
| author | | 1970-01-01 00:00:00 +0000 |
|---|---|---|
| committer | | 2025-01-14 03:20:53 +0000 |
| commit | 588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6 (patch) | |
| tree | f1dbc0e6ff59af610a6043889606a8534ef6b1d4 /rescue/12/css/styles.css | |
| parent | rescue 12 (diff) | |
| download | html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar.gz html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar.bz2 html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.tar.xz html-588e25e5d0a30c25ca952ccaa1a2f1f1c92a03f6.zip | |
rescue
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; + } +} |