From d850cbea871e0f5d8c3d2246d6a04ad5da5d2a46 Mon Sep 17 00:00:00 2001 From: zepp Date: Wed, 29 Jan 2025 21:29:36 -0500 Subject: [PATCH] initial project setup add index.html, style.css, script.js initial html and css boilerplate add image and div container set flex on body --- cafe-events/valentines-day-25/index.html | 16 ++++++++++ .../valentines-day-25/script/script.js | 0 cafe-events/valentines-day-25/style/style.css | 29 +++++++++++++++++++ 3 files changed, 45 insertions(+) create mode 100644 cafe-events/valentines-day-25/index.html create mode 100644 cafe-events/valentines-day-25/script/script.js create mode 100644 cafe-events/valentines-day-25/style/style.css diff --git a/cafe-events/valentines-day-25/index.html b/cafe-events/valentines-day-25/index.html new file mode 100644 index 0000000..c9d46ef --- /dev/null +++ b/cafe-events/valentines-day-25/index.html @@ -0,0 +1,16 @@ + + + + + + for you, emma + + + + +
+ a box of chocolate cupcakes +
+ + + \ No newline at end of file diff --git a/cafe-events/valentines-day-25/script/script.js b/cafe-events/valentines-day-25/script/script.js new file mode 100644 index 0000000..e69de29 diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css new file mode 100644 index 0000000..2809821 --- /dev/null +++ b/cafe-events/valentines-day-25/style/style.css @@ -0,0 +1,29 @@ +*, *::before, *::after { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +html { + font-size: 16px; +} + + +body { + height: 100vh; + width: auto; + display: flex; + justify-content: center; + align-items: center; +} + +.container { + height: 75vh; + width: auto; +} + +img { + max-height: 100%; + width: auto; + object-fit: contain; +} \ No newline at end of file