From 453639dd272e10b460a23b582741b8d4df9d1792 Mon Sep 17 00:00:00 2001 From: Naomi Rojas Date: Mon, 24 Mar 2025 16:20:34 -0600 Subject: [PATCH 1/9] HTML Section --- Week 1.1 - HTML/1. Build a Form/index.html | 78 ++++++++++++++++++- .../index.html | 22 +++++- .../index.html | 9 ++- .../4. Mock Up a Design/index.html | 71 ++++++++++++++++- 4 files changed, 174 insertions(+), 6 deletions(-) diff --git a/Week 1.1 - HTML/1. Build a Form/index.html b/Week 1.1 - HTML/1. Build a Form/index.html index 50432a8b..f5ea9f65 100644 --- a/Week 1.1 - HTML/1. Build a Form/index.html +++ b/Week 1.1 - HTML/1. Build a Form/index.html @@ -4,10 +4,84 @@ Build a Form + - - +
+

Login

+
+
+ + + Enter a valid email address. +
+ +
+ + +
+ + +
+
+ \ No newline at end of file diff --git a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html index a132ac2a..4272eb98 100644 --- a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html +++ b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html @@ -15,7 +15,7 @@ padding: 0; } - img { + image { display: block; width: 100%; height: auto; @@ -24,7 +24,25 @@ - +
+

Responsive Image

+ Responsive Image +
\ No newline at end of file diff --git a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html index d8bb518c..a19010b2 100644 --- a/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html +++ b/Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html @@ -24,7 +24,14 @@ - +
+

Responsive Image with Aspect Ratio

+ + + + Responsive Image + +
\ No newline at end of file diff --git a/Week 1.1 - HTML/4. Mock Up a Design/index.html b/Week 1.1 - HTML/4. Mock Up a Design/index.html index a7252a6f..00e0201c 100644 --- a/Week 1.1 - HTML/4. Mock Up a Design/index.html +++ b/Week 1.1 - HTML/4. Mock Up a Design/index.html @@ -4,10 +4,79 @@ Mock Up a Design + + - +
+
+

Phase 4:

+

Destination Thrive

+

Objective: Create Omni-Channel Synergy

+

+ This is the time to fully leverage your hard work and thrive. During this phase, attention should be given to + creating omni-channel synergy—syncing your messaging and channels from top to bottom. Scale high-performing + channels and fully harvest the demand your top-of-funnel awareness campaigns have been creating. Use insights + gained from your contact lists, data, and web analytics to prospect and build lookalike audiences for incremental growth. +

+
+
+
+

KEY FOCUS:

+
    +
  • Harvesting the demand created by your content marketing efforts
    • +
  • Scaling paid media and social efforts
    • +
  • Leveraging your new audiences
    • +
  • Creating omni-channel synergy
    • +
+ +
+

TIME

+ +
+

aprox. 24 months and beyond

+
+
+ \ No newline at end of file From 3a36d087f3cd31e0bfb16c650ccaa6899fe08582 Mon Sep 17 00:00:00 2001 From: NaomiRojasGranicus Date: Mon, 24 Mar 2025 16:45:34 -0600 Subject: [PATCH 2/9] CCS Section --- .../1. Selectors - Attributes/index.html | 46 ++++----- .../2. Selectors - Children/index.html | 74 +++++++------- .../3. Selectors - Siblings/index.html | 98 ++++++++++++------- .../4. Inheritance and Systems/index.html | 62 ++++++++---- Week 1.2 - CSS/5. Transitions/index.html | 56 ++++++----- .../6. Tricks - Click Passthrough/index.html | 78 ++++++++------- 6 files changed, 237 insertions(+), 177 deletions(-) diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html index 3d9c05b8..a5c9f90c 100644 --- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html +++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html @@ -1,26 +1,26 @@ - - - - Selectors - Attributes - - - - + + + + Selectors - Attributes + + + - - - - - - - - - - - - \ No newline at end of file + + + + + + + + + + + diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html index 7ff366db..270dcae6 100644 --- a/Week 1.2 - CSS/2. Selectors - Children/index.html +++ b/Week 1.2 - CSS/2. Selectors - Children/index.html @@ -1,40 +1,40 @@ - - - - Selectors - Children - - - - + + + + Selectors - Children + + + - - - - \ No newline at end of file + + + diff --git a/Week 1.2 - CSS/3. Selectors - Siblings/index.html b/Week 1.2 - CSS/3. Selectors - Siblings/index.html index b6086a75..08c79dd4 100644 --- a/Week 1.2 - CSS/3. Selectors - Siblings/index.html +++ b/Week 1.2 - CSS/3. Selectors - Siblings/index.html @@ -1,40 +1,66 @@ - - - - Selectors - Siblings + + + + Selectors - Siblings - - - - - + + + + -
-

Lorem Ipsum Dolor Sit Amet

-

Do you have any idea how long it takes those cups to decompose. I gave it a cold? I gave it a virus. A computer virus. Must go faster... go, go, go, go, go! What do they got in there? King Kong? They're using our own satellites against us. And the clock is ticking.

-

You're a very talented young man, with your own clever thoughts and ideas. Do you need a manager? Hey, take a look at the earthlings. Goodbye! Checkmate... We gotta burn the rain forest, dump toxic waste, pollute the air, and rip up the OZONE! 'Cause maybe if we screw up this planet enough, they won't want it anymore!

-

Remember Independence Day?

-

Life finds a way. Do you have any idea how long it takes those cups to decompose. You're a very talented young man, with your own clever thoughts and ideas. Do you need a manager? Do you have any idea how long it takes those cups to decompose. Jaguar shark! So tell me - does it really exist?

-

Jurassic Park Still Holds Up

- Something really small like a subtitle or something... -

God creates dinosaurs. God destroys dinosaurs. God creates Man. Man destroys God. Man creates Dinosaurs. This thing comes fully loaded. AM/FM radio, reclining bucket seats, and... power windows. Just my luck, no ice. Jaguar shark! So tell me - does it really exist?

-

The Fly Does Too

-

Yes, Yes, without the oops! My dad once told me, laugh and the world laughs with you, Cry, and I'll give you something to cry about you little bastard! I was part of something special. Yeah, but your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.

-
- - - \ No newline at end of file +
+

Lorem Ipsum Dolor Sit Amet

+

+ Do you have any idea how long it takes those cups to decompose. I gave + it a cold? I gave it a virus. A computer virus. Must go faster... go, + go, go, go, go! What do they got in there? King Kong? They're using our + own satellites against us. And the clock is ticking. +

+

+ You're a very talented young man, with your own clever thoughts and + ideas. Do you need a manager? Hey, take a look at the earthlings. + Goodbye! Checkmate... We gotta burn the rain forest, dump toxic waste, + pollute the air, and rip up the OZONE! 'Cause maybe if we screw up this + planet enough, they won't want it anymore! +

+

Remember Independence Day?

+

+ Life finds a way. Do you have any idea how long it takes those cups to + decompose. You're a very talented young man, with your own clever + thoughts and ideas. Do you need a manager? Do you have any idea how long + it takes those cups to decompose. Jaguar shark! So tell me - does it + really exist? +

+

Jurassic Park Still Holds Up

+ Something really small like a subtitle or something... +

+ God creates dinosaurs. God destroys dinosaurs. God creates Man. Man + destroys God. Man creates Dinosaurs. This thing comes fully loaded. + AM/FM radio, reclining bucket seats, and... power windows. Just my luck, + no ice. Jaguar shark! So tell me - does it really exist? +

+

The Fly Does Too

+

+ Yes, Yes, without the oops! My dad once told me, laugh and the world + laughs with you, Cry, and I'll give you something to cry about you + little bastard! I was part of something special. Yeah, but your + scientists were so preoccupied with whether or not they could, they + didn't stop to think if they should. +

+
+ + diff --git a/Week 1.2 - CSS/4. Inheritance and Systems/index.html b/Week 1.2 - CSS/4. Inheritance and Systems/index.html index e1c5e441..d6bca414 100644 --- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html +++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html @@ -1,21 +1,49 @@ - - - - Inheritance and Systems - - - - + + + + Inheritance and Systems + + + + + + + + + + + diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html index 4fa3bd71..93999b2d 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -1,31 +1,35 @@ - - - - Transitions + + + + Transitions - - - - - + + + + - - \ No newline at end of file +
+ + diff --git a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html index 769c1a18..c6d86435 100644 --- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html +++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html @@ -1,43 +1,45 @@ - - - - Tricks - Click Passthrough + + + + Tricks - Click Passthrough - - - + .container img { + display: block; + width: 100%; + height: auto; + } + + + + - - -
- - A placeholder image - -
-
- - - \ No newline at end of file +
+ + A placeholder image + +
+
+ + From 4a48d8554b5be74083f0e3204d2bca3901ed8a4d Mon Sep 17 00:00:00 2001 From: NaomiRojasGranicus Date: Thu, 27 Mar 2025 16:25:11 -0600 Subject: [PATCH 3/9] JS Section --- Week 1.3 - JavaScript/1. Filter/index.html | 33 ++++------ Week 1.3 - JavaScript/2. Map/index.html | 33 ++++------ .../3. Objects as a Map/index.html | 49 +++++++-------- .../4. Event Listeners/index.html | 46 +++++++------- .../5. DOM Manipulation/index.html | 60 +++++++++++-------- .../Data Fetching/index.html | 43 ++++++++----- 6 files changed, 135 insertions(+), 129 deletions(-) diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html index e74982a2..661f7fce 100644 --- a/Week 1.3 - JavaScript/1. Filter/index.html +++ b/Week 1.3 - JavaScript/1. Filter/index.html @@ -1,24 +1,17 @@ - - - - Filter - - - - - - - \ No newline at end of file + console.log(endingArray); + + + diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html index 72fa39ee..74779ded 100644 --- a/Week 1.3 - JavaScript/2. Map/index.html +++ b/Week 1.3 - JavaScript/2. Map/index.html @@ -1,24 +1,17 @@ - - - - Map - - - - - - - \ No newline at end of file + console.log(endingArray); + + + diff --git a/Week 1.3 - JavaScript/3. Objects as a Map/index.html b/Week 1.3 - JavaScript/3. Objects as a Map/index.html index 3004949a..3cf20e78 100644 --- a/Week 1.3 - JavaScript/3. Objects as a Map/index.html +++ b/Week 1.3 - JavaScript/3. Objects as a Map/index.html @@ -1,33 +1,24 @@ - - - - Objects as a Map - - - - - - - \ No newline at end of file + return infoMap[key] || "Error: Invalid option selected..."; + } + + + diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html index d284e48f..1bbc39bf 100644 --- a/Week 1.3 - JavaScript/4. Event Listeners/index.html +++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html @@ -1,26 +1,30 @@ - - - - Event Listeners - - - -

0

- - - + function increment() { + counter++; + counterEl.innerText = counter; + } - - \ No newline at end of file + // Add event listener to the button + buttonEl.addEventListener("click", increment); + + // Add your code here to make clicking the button run the increment function + + + diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html index ba0e04f2..dc35de5f 100644 --- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html +++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html @@ -1,30 +1,40 @@ - - - - DOM Manipulation - - - - + + + + DOM Manipulation + + + -
-

Lorem Ipsum Dolor Sit Amet

-
-

More Jeff Goldblum

-

Must go faster. Yeah, but John, if The Pirates of the Caribbean breaks down, the pirates don’t eat the tourists. You really think you can fly that thing? Checkmate... Life finds a way. Yes, Yes, without the oops! Yeah, but your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.

-
-
+
+

Lorem Ipsum Dolor Sit Amet

+
+

More Jeff Goldblum

+

+ Must go faster. Yeah, but John, if The Pirates of the Caribbean breaks + down, the pirates don’t eat the tourists. You really think you can fly + that thing? Checkmate... Life finds a way. Yes, Yes, without the oops! + Yeah, but your scientists were so preoccupied with whether or not they + could, they didn't stop to think if they should. +

+
+
- + + + diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html index c1da8137..bffa3a7b 100644 --- a/Week 1.3 - JavaScript/Data Fetching/index.html +++ b/Week 1.3 - JavaScript/Data Fetching/index.html @@ -1,17 +1,32 @@ - - - - Data Fetching - - - -
    - - + + + + Data Fetching + + +
      - - \ No newline at end of file + + + From 22631510134bfa79609a07aea7b4edc97532c0ce Mon Sep 17 00:00:00 2001 From: NaomiRojasGranicus Date: Mon, 31 Mar 2025 12:36:20 -0600 Subject: [PATCH 4/9] CCS Grid --- .../1. Responsive Grids/index.html | 195 +++++++++------ .../2. Placing Items/index.html | 62 +++-- .../3. Placing Items - Advanced/index.html | 233 ++++++++++-------- 3 files changed, 279 insertions(+), 211 deletions(-) diff --git a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html index 2d612e63..ac6305a3 100644 --- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html +++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html @@ -1,87 +1,120 @@ - - - - Responsive Grid + + + + Responsive Grid - - - + .cards { + gap: 16px; + margin: 0 auto; + padding: 0 20px; + max-width: 1200px; + } + + + + - - -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

      - Read More -
      -
      - - - \ No newline at end of file +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? I was part of something special. Eventually, you do + plan to have dinosaurs on your dinosaur tour, right? +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? I was part of something special. +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? I was part of something special. +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? I was part of something special. Eventually, you do + plan to have dinosaurs on your dinosaur tour, right? +

      + Read More +
      +
      + + diff --git a/Week 2.1 - CSS Grid/2. Placing Items/index.html b/Week 2.1 - CSS Grid/2. Placing Items/index.html index fcd7781b..3496749f 100644 --- a/Week 2.1 - CSS Grid/2. Placing Items/index.html +++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html @@ -1,32 +1,40 @@ - - - - Placing Items + + + + Placing Items - - - + .photo > * { + mix-blend-mode: multiply; + } + + + + - - -
      - cyan - magenta - yellow - black -
      - - - \ No newline at end of file +
      + cyan + magenta + yellow + black +
      + + diff --git a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html index 0161e9be..8e66feb9 100644 --- a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html +++ b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html @@ -1,112 +1,139 @@ - - - - Placing Items - Advanced + + + + Placing Items - Advanced - - - - - + .placeholder { + border-color: mediumslateblue; + background-color: lightcyan; + } + + + + -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • - +
      +
    • h
      • +
    • e
      • +
    • l
      • +
    • l
      • +
    • o
      • +
    • !
      • - - \ No newline at end of file +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
    • +
      + + From 2277d74bef0e0195916b670280252db3bb6fb03c Mon Sep 17 00:00:00 2001 From: NaomiRojasGranicus Date: Mon, 31 Mar 2025 12:50:39 -0600 Subject: [PATCH 5/9] CSS Grid --- .../2. Placing Items/index.html | 12 +++---- .../3. Placing Items - Advanced/index.html | 36 ++++++++----------- 2 files changed, 18 insertions(+), 30 deletions(-) diff --git a/Week 2.1 - CSS Grid/2. Placing Items/index.html b/Week 2.1 - CSS Grid/2. Placing Items/index.html index 3496749f..b44828f0 100644 --- a/Week 2.1 - CSS Grid/2. Placing Items/index.html +++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html @@ -19,14 +19,10 @@ diff --git a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html index 8e66feb9..79332d70 100644 --- a/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html +++ b/Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html @@ -34,51 +34,43 @@ } .letter { - grid-column: 1; - grid-row: 1; - border-color: tomato; - background-color: lightcoral; + position: sticky; + top: 0; + z-index: 1; } - .placeholder { - border-color: mediumslateblue; - background-color: lightcyan; - } - - - - - + +
    • h
    • e
      • From 018277c63825877b674feac9df68be88065e3e0e Mon Sep 17 00:00:00 2001 From: NaomiRojasGranicus Date: Tue, 1 Apr 2025 15:22:03 -0600 Subject: [PATCH 6/9] Flexbox --- Week 2.2 - Flexbox/1. Centering/index.html | 60 +++--- .../2. Placing Items/index.html | 78 ++++---- .../3. Placing Items - Advanced/index.html | 171 ++++++++++++------ Week 2.2 - Flexbox/4. Flexing/index.html | 116 ++++++------ 4 files changed, 241 insertions(+), 184 deletions(-) diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html index 5283be49..e9149de9 100644 --- a/Week 2.2 - Flexbox/1. Centering/index.html +++ b/Week 2.2 - Flexbox/1. Centering/index.html @@ -1,36 +1,34 @@ - - - - Centering + + + + Centering - - - + - -
      -
      -
      + .container { + width: 100%; + height: 600px; + border: 2px solid thistle; + border-radius: 4px; + background-color: whitesmoke; - - \ No newline at end of file + display: flex; + justify-content: center; + align-items: center; + } + + + +
      +
      +
      + + diff --git a/Week 2.2 - Flexbox/2. Placing Items/index.html b/Week 2.2 - Flexbox/2. Placing Items/index.html index 986e0ee4..cf658717 100644 --- a/Week 2.2 - Flexbox/2. Placing Items/index.html +++ b/Week 2.2 - Flexbox/2. Placing Items/index.html @@ -1,44 +1,46 @@ - - - - Placing Items + + + + Placing Items - - - + - -
      - - -
      + display: flex; + justify-content: space-between; + align-items: center; + } - - \ No newline at end of file + .logo { + max-height: 80px; + } + + + +
      + + +
      + + diff --git a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html index 9ff4f7e7..cce2a8b1 100644 --- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html +++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html @@ -1,58 +1,117 @@ - - - - Placing Items - Advanced - - - - - - - -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special. Eventually, you do plan to have dinosaurs on your dinosaur tour, right?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine? I was part of something special.

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine? Wh-what is-h-how did you get my espresso machine?

      - Read More -
      -
      - placeholder -

      Lorem Ipsum Dolor

      -

      Forget the fat lady! You're obsessed with the fat lady! Drive us out of here! Is this my espresso machine?

      - Read More -
      -
      - - - \ No newline at end of file + + + + Placing Items - Advanced + + + + +
      + + +
      + +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? Wh-what is-h-how did you get my + espresso machine? +

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      Forget the fat lady! You're obsessed with the fat lady!

      + Read More +
      +
      + placeholder +

      Lorem Ipsum Dolor

      +

      + Forget the fat lady! You're obsessed with the fat lady! Drive us out + of here! Is this my espresso machine? +

      + Read More +
      +
      + + diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html index 443de97c..77dac777 100644 --- a/Week 2.2 - Flexbox/4. Flexing/index.html +++ b/Week 2.2 - Flexbox/4. Flexing/index.html @@ -1,61 +1,59 @@ - - - - Flexing - - - - - - - -
      - - - -
      - - - \ No newline at end of file + + + + Flexing + + + + +
      + + + +
      + + From e625a2fe3fe420c7b460e26421f47bee287f1bd6 Mon Sep 17 00:00:00 2001 From: Naomi Date: Thu, 19 Jun 2025 13:57:53 -0600 Subject: [PATCH 7/9] Changes Of HTML --- .../index.html | 75 +++++++++---------- 1 file changed, 35 insertions(+), 40 deletions(-) diff --git a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html index 4272eb98..6ff9ea35 100644 --- a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html +++ b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html @@ -1,48 +1,43 @@ + - - - Create a Responsive Image - Resolution - - + + + Create a Responsive Image - Resolution + + + - -
      -

      Responsive Image

      - Responsive Image -
      + +

      Responsive Image

      + + + + + + Responsive Image + + + \ No newline at end of file From 9818a36675c34f4fe54dc69391cdfdea3c4b620e Mon Sep 17 00:00:00 2001 From: Naomi Date: Thu, 19 Jun 2025 14:02:52 -0600 Subject: [PATCH 8/9] HTML changes --- .../2. Create a Responsive Image - Resolution/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html index 6ff9ea35..e15bbba9 100644 --- a/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html +++ b/Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html @@ -34,7 +34,7 @@

      Responsive Image

      - Responsive Image + Responsive Image From 25fd608ad69dc537cbbf66ffcec5bf9a04a5ae88 Mon Sep 17 00:00:00 2001 From: Naomi Date: Thu, 19 Jun 2025 14:08:28 -0600 Subject: [PATCH 9/9] CSS Changes --- Week 1.2 - CSS/5. Transitions/index.html | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html index 93999b2d..9e80e812 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -12,24 +12,22 @@ justify-content: center; min-height: 100vh; } - - - - - + +