From 72c0ff388d717d643b7ccbd88740b31b84194178 Mon Sep 17 00:00:00 2001 From: "github-classroom[bot]" <66690702+github-classroom[bot]@users.noreply.github.com> Date: Sun, 4 Feb 2024 16:29:54 +0000 Subject: [PATCH] Initial commit --- css/styles.css | 34 ++++++++++++++++++++++++++++++++++ index.html | 15 +++++++++++++++ js/scripts.js | 1 + readme.md | 17 +++++++++++++++++ 4 files changed, 67 insertions(+) create mode 100644 css/styles.css create mode 100644 index.html create mode 100644 js/scripts.js create mode 100644 readme.md diff --git a/css/styles.css b/css/styles.css new file mode 100644 index 0000000..d68ead3 --- /dev/null +++ b/css/styles.css @@ -0,0 +1,34 @@ +/* MOBILE AND GLOBAL STYLES */ + +/* applies to screens smaller than 500px (first breakpoint) */ +/* and above unless overwritten below */ + +body { + background: #fcc; +} + + + +/* TABLET STYLES */ + +@media screen and (min-width: 500px) { + + /* applies to screens wider than 499px */ + + body { + background: #cfc; + } +} + + + +/* DESKTOP STYLES */ + +@media screen and (min-width: 1000px) { + + /* applies to screens wider than 999px */ + + body { + background: #ccf; + } +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..f906c2d --- /dev/null +++ b/index.html @@ -0,0 +1,15 @@ + + +
+ + +