From 5b93f2926c6ea4e6195fa485b166f2c1529e8e24 Mon Sep 17 00:00:00 2001 From: Tony Marcum Date: Thu, 15 Dec 2022 18:16:27 -0500 Subject: [PATCH] challenge 1 --- starter/03-CSS-Fundamentals/blog.html | 4 +- .../03-CSS-Fundamentals/challenges/index.html | 20 +++++++ .../03-CSS-Fundamentals/challenges/shoes.html | 39 ++++++++++++++ starter/03-CSS-Fundamentals/css/shoes.css | 54 +++++++++++++++++++ starter/03-CSS-Fundamentals/css_grid.html | 15 ++++++ starter/03-CSS-Fundamentals/flexbox.html | 15 ++++++ starter/03-CSS-Fundamentals/index.html | 6 +-- 7 files changed, 149 insertions(+), 4 deletions(-) create mode 100644 starter/03-CSS-Fundamentals/challenges/index.html create mode 100644 starter/03-CSS-Fundamentals/challenges/shoes.html create mode 100644 starter/03-CSS-Fundamentals/css/shoes.css create mode 100644 starter/03-CSS-Fundamentals/css_grid.html create mode 100644 starter/03-CSS-Fundamentals/flexbox.html diff --git a/starter/03-CSS-Fundamentals/blog.html b/starter/03-CSS-Fundamentals/blog.html index 3b9b6e328..d73183c99 100644 --- a/starter/03-CSS-Fundamentals/blog.html +++ b/starter/03-CSS-Fundamentals/blog.html @@ -4,7 +4,9 @@ BLOG +

BLOG

- Back to home diff --git a/starter/03-CSS-Fundamentals/challenges/index.html b/starter/03-CSS-Fundamentals/challenges/index.html new file mode 100644 index 000000000..3c285292f --- /dev/null +++ b/starter/03-CSS-Fundamentals/challenges/index.html @@ -0,0 +1,20 @@ + + + + + + + Challenges + + + +

Challenges

+
+
    +
  1. Chuck Tayloer Ecommerce Item Page
    2. +
+
+ + diff --git a/starter/03-CSS-Fundamentals/challenges/shoes.html b/starter/03-CSS-Fundamentals/challenges/shoes.html new file mode 100644 index 000000000..f422f1e81 --- /dev/null +++ b/starter/03-CSS-Fundamentals/challenges/shoes.html @@ -0,0 +1,39 @@ + + + + + + Chucks + + + + +
+

Converse Chuck Taylor All Start Low Top

+ an image of black canvas shoes +

$65.00

+

Free Shipping

+

+ Ready to dress up or down, these classic canvas Chucks are an everyday + wardrobe staple. +

+ More information → +

Production Details

+ + + +
+ + diff --git a/starter/03-CSS-Fundamentals/css/shoes.css b/starter/03-CSS-Fundamentals/css/shoes.css new file mode 100644 index 000000000..d9779bbb3 --- /dev/null +++ b/starter/03-CSS-Fundamentals/css/shoes.css @@ -0,0 +1,54 @@ +body { + font-family: sans-serif; + font-size: 15px; +} + +article { + border: 5px solid black; +} + +h1 { + text-align: center; +} + +.item-title { + text-transform: uppercase; +} + +.free-shipping { + font-size: 12px; + font-weight: bold; + text-transform: uppercase; + color: #777; +} + +.price { + font-size: 20px; +} + +ul { + list-style: square; +} + +button:hover { + background-color: white; + color: black; +} + +a:link { + color: black; + text-decoration: none; +} + +a:visited { + color: black; +} + +a:hover { + text-decoration: underline; +} + +button { + background-color: black; + color: white; +} diff --git a/starter/03-CSS-Fundamentals/css_grid.html b/starter/03-CSS-Fundamentals/css_grid.html new file mode 100644 index 000000000..80f0c3bc3 --- /dev/null +++ b/starter/03-CSS-Fundamentals/css_grid.html @@ -0,0 +1,15 @@ + + + + + + + CSS Grid + + + +

CSS Grid

+ + diff --git a/starter/03-CSS-Fundamentals/flexbox.html b/starter/03-CSS-Fundamentals/flexbox.html new file mode 100644 index 000000000..0737e011e --- /dev/null +++ b/starter/03-CSS-Fundamentals/flexbox.html @@ -0,0 +1,15 @@ + + + + + + + Flexbox + + + +

Flexbox

+ + diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html index e89ee3824..21324d33c 100644 --- a/starter/03-CSS-Fundamentals/index.html +++ b/starter/03-CSS-Fundamentals/index.html @@ -12,9 +12,9 @@

📘 The Code Magazine