From 57604e0be71489f0aa5d8fddf32f0462488a801e Mon Sep 17 00:00:00 2001 From: zepp Date: Wed, 29 Jan 2025 22:07:31 -0500 Subject: [PATCH] create image map container create container div style and position with css --- cafe-events/valentines-day-25/index.html | 1 + cafe-events/valentines-day-25/style/style.css | 17 ++++++++++++++++- 2 files changed, 17 insertions(+), 1 deletion(-) diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html index c9d46ef..2bf8afc 100644 --- a/cafe-events/valentines-day-25/index.html +++ b/cafe-events/valentines-day-25/index.html @@ -9,6 +9,7 @@
+
a box of chocolate cupcakes
diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css index 2809821..092c849 100644 --- a/cafe-events/valentines-day-25/style/style.css +++ b/cafe-events/valentines-day-25/style/style.css @@ -20,10 +20,25 @@ body { .container { height: 75vh; width: auto; + position: relative; + z-index: 0; +} + +.chocolates { + height: 44vh; + width: 18vw; + top: 15vh; + left: 6vw; + padding-left: 1.25rem; + padding-top: 1.25rem; + padding-right: .5rem; + position: absolute; + z-index: 1; } img { max-height: 100%; width: auto; object-fit: contain; -} \ No newline at end of file +} +