From 653bb24e664364e1854b1c2af1b127167e14943e Mon Sep 17 00:00:00 2001 From: paucaro Date: Sun, 17 Oct 2021 13:03:45 -0500 Subject: [PATCH] Improving design of project 4 Adding gradient color background, wraping in class container to center content --- project-4/app.css | 17 +- project-4/index.html | 369 ++++++++++++++++++++++--------------------- 2 files changed, 191 insertions(+), 195 deletions(-) diff --git a/project-4/app.css b/project-4/app.css index 8fca53f..8531ea3 100644 --- a/project-4/app.css +++ b/project-4/app.css @@ -1,14 +1,7 @@ body{ - background:pink; + background:linear-gradient(to bottom, pink, orange, red, purple); color:white; -} -.a{ - color:red; -} - -.x{ - color:rgba(255,0,0,0.7); -} -.y{ - color:rgba(255,0,0,0.3); -} + background-size: 100%; + background-repeat: no-repeat; + +} \ No newline at end of file diff --git a/project-4/index.html b/project-4/index.html index 57bc525..e762f4d 100644 --- a/project-4/index.html +++ b/project-4/index.html @@ -1,187 +1,190 @@ - - Museum Candy - - - - - - - - - - - -
-
-

MESUEM /OF/ CANDY

-

MUSEUM/OF/ CANDY

-

MUSEUM /OF/ CANDY

-

MUSEUM /OF/ CANDY

-

MUSEUM /OF/ CANDY

-

MUSEUM /OF/ CANDY

-

MUSEUM /OF/ CANDY

-
-
- -
-
- - -
- - - -
-
-
- -
- - -
- -
-
-

MUSEUM OF CANDY

- -
-
- -

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Tempora consectetur eum nulla corrupti officiis ipsum id. - Labore laudantium minus est?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat nostrum veritatis - labore asperiores minima fugiat inventore soluta accusantium deleniti illo.

- - -
- - -
- - - -
- -
- -
- - - - - -
-
-
- -
- - -
- -
-
-

MUSEUM OF CANDY

- -
-
- -

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Tempora consectetur eum nulla corrupti officiis ipsum id. - Labore laudantium minus est?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat - nostrum veritatis - labore asperiores minima fugiat inventore soluta accusantium deleniti illo.

- - -
- - -
- - - -
- -
- +
+ + + +
+
+
+ +
+ + +
+
+
+

MUSEUM OF CANDY

+ +
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Tempora consectetur eum nulla corrupti officiis ipsum id. + Labore laudantium minus est?Lorem ipsum dolor sit, amet + consectetur adipisicing elit. Repellat nostrum veritatis + labore asperiores minima fugiat inventore soluta accusantium + deleniti illo. +

+
- - - - - -
-
-
- -
- - -
- -
-
-

MUSEUM OF CANDY

- -
-
- -

Lorem ipsum dolor sit amet consectetur adipisicing elit. - Tempora consectetur eum nulla corrupti officiis ipsum id. - Labore laudantium minus est?Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat - nostrum veritatis - labore asperiores minima fugiat inventore soluta accusantium deleniti illo.

- - -
- - -
- - - -
- -
- +
+
+
+ +
+
+
+ +
+ + +
+
+
+

MUSEUM OF CANDY

+ +
+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. + Tempora consectetur eum nulla corrupti officiis ipsum id. + Labore laudantium minus est?Lorem ipsum dolor sit, amet + consectetur adipisicing elit. Repellat nostrum veritatis + labore asperiores minima fugiat inventore soluta accusantium + deleniti illo. +

+
- - - - - - - - - - +
+
+
+
+ + + + + + +