From 0f108b8cf2ad66d60587b1ce53d18fe904f7260b Mon Sep 17 00:00:00 2001 From: Rohan pal Date: Wed, 16 Jul 2025 14:40:52 +0530 Subject: [PATCH 1/3] Html Assesment --- Week 1.1 - HTML/1. Build a Form/index.html | 15 +++++++++++++++ 1 file changed, 15 insertions(+) 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..8994cc43 100644 --- a/Week 1.1 - HTML/1. Build a Form/index.html +++ b/Week 1.1 - HTML/1. Build a Form/index.html @@ -8,6 +8,21 @@ +
+ + + + + + + + + + + + + +
\ No newline at end of file From ef3154155e6fa26cef457401d426d8d950e1222a Mon Sep 17 00:00:00 2001 From: Rohan pal Date: Wed, 16 Jul 2025 15:05:56 +0530 Subject: [PATCH 2/3] Aeesment 2nd file HTML --- .../2. Create a Responsive Image - Resolution/index.html | 6 ++++++ 1 file changed, 6 insertions(+) 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..2677735b 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 @@ -26,5 +26,11 @@ + developer Image \ No newline at end of file From ac7b49bcb5ffefdf8258e0f5c445beaf2fc23bd0 Mon Sep 17 00:00:00 2001 From: Rohan pal Date: Wed, 16 Jul 2025 16:47:10 +0530 Subject: [PATCH 3/3] CMS bootcamp assesments HTML. CSS, JS, CSS GRID, Flexbox --- Week 1.1 - HTML/1. Build a Form/index.html | 14 ++----- .../index.html | 18 +++++++-- .../index.html | 26 +++++++++++++ .../4. Mock Up a Design/index.html | 30 +++++++++++++- .../1. Selectors - Attributes/index.html | 6 ++- .../2. Selectors - Children/index.html | 7 +++- .../3. Selectors - Siblings/index.html | 8 ++-- .../4. Inheritance and Systems/index.html | 31 +++++++++++++-- Week 1.2 - CSS/5. Transitions/index.html | 6 +++ .../6. Tricks - Click Passthrough/index.html | 1 + Week 1.3 - JavaScript/1. Filter/index.html | 2 +- Week 1.3 - JavaScript/2. Map/index.html | 7 ++-- .../3. Objects as a Map/index.html | 16 +++----- .../4. Event Listeners/index.html | 2 + .../5. DOM Manipulation/index.html | 7 ++++ .../Data Fetching/index.html | 15 +++++++ .../1. Responsive Grids/index.html | 4 ++ .../2. Placing Items/index.html | 12 +++++- .../3. Placing Items - Advanced/index.html | 39 +++++++++++++++++-- Week 2.2 - Flexbox/1. Centering/index.html | 3 ++ .../2. Placing Items/index.html | 15 +++++++ .../3. Placing Items - Advanced/index.html | 22 ++++++++++- Week 2.2 - Flexbox/4. Flexing/index.html | 7 ++++ 23 files changed, 253 insertions(+), 45 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 8994cc43..14fbcd3d 100644 --- a/Week 1.1 - HTML/1. Build a Form/index.html +++ b/Week 1.1 - HTML/1. Build a Form/index.html @@ -8,18 +8,12 @@ -
- - - + - - - - + - - + +
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 2677735b..f806e594 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 @@ -26,11 +26,21 @@ - developer 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..d2fc6b55 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 @@ -20,11 +20,37 @@ width: 100%; height: auto; } + @media (max-width : 600px) { + .responsive-image{ + aspect-ratio: 1/1; + } + } + + @media (min-width:601px){ + .responsive-image{ + aspect-ratio: 10/8; + } + } + + developer 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..b2249edc 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 @@ -1,13 +1,41 @@ + Mock Up a Design + + - + +
+

Phase 4:

+

Destination Thrive

+

Objective: create omni-channel synergy

+ + +

+ Lorem ipsum dolor, sit amet consectetur adipisicing elit. Doloribus id excepturi neque voluptas nesciunt corporis, ad repellendus perferendis debitis, expedita quae possimus facere rerum quidem asperiores adipisci minima! Rem, molestias. +

+ +

Key Focus:

+
    +
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti, eveniet.
    • +
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti, eveniet.
    • +
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti, eveniet.
    • +
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti, eveniet.
    • +
  • Lorem ipsum dolor, sit amet consectetur adipisicing elit. Corrupti, eveniet.
    • +
+ +

Time

+

approx, 24 Months and beyond

+
+ \ No newline at end of file diff --git a/Week 1.2 - CSS/1. Selectors - Attributes/index.html b/Week 1.2 - CSS/1. Selectors - Attributes/index.html index 3d9c05b8..52904fc8 100644 --- a/Week 1.2 - CSS/1. Selectors - Attributes/index.html +++ b/Week 1.2 - CSS/1. Selectors - Attributes/index.html @@ -9,7 +9,11 @@ diff --git a/Week 1.2 - CSS/2. Selectors - Children/index.html b/Week 1.2 - CSS/2. Selectors - Children/index.html index 7ff366db..88395577 100644 --- a/Week 1.2 - CSS/2. Selectors - Children/index.html +++ b/Week 1.2 - CSS/2. Selectors - Children/index.html @@ -8,8 +8,11 @@
    diff --git a/Week 1.2 - CSS/3. Selectors - Siblings/index.html b/Week 1.2 - CSS/3. Selectors - Siblings/index.html index b6086a75..8d3990ca 100644 --- a/Week 1.2 - CSS/3. Selectors - Siblings/index.html +++ b/Week 1.2 - CSS/3. Selectors - Siblings/index.html @@ -16,10 +16,12 @@ 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..a466f1ea 100644 --- a/Week 1.2 - CSS/4. Inheritance and Systems/index.html +++ b/Week 1.2 - CSS/4. Inheritance and Systems/index.html @@ -9,13 +9,36 @@ - - - - + + + + \ No newline at end of file diff --git a/Week 1.2 - CSS/5. Transitions/index.html b/Week 1.2 - CSS/5. Transitions/index.html index 4fa3bd71..7d246d19 100644 --- a/Week 1.2 - CSS/5. Transitions/index.html +++ b/Week 1.2 - CSS/5. Transitions/index.html @@ -22,6 +22,12 @@ width: 100px; height: 100px; background-color: rebeccapurple; + transition: transform 160ms ease; + } + + .box:hover{ + transform: scale(2); + transition: transform 200ms ease all; } 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..6bd1cd47 100644 --- a/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html +++ b/Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html @@ -29,6 +29,7 @@ width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, black); + pointer-events: none } diff --git a/Week 1.3 - JavaScript/1. Filter/index.html b/Week 1.3 - JavaScript/1. Filter/index.html index e74982a2..36f13106 100644 --- a/Week 1.3 - JavaScript/1. Filter/index.html +++ b/Week 1.3 - JavaScript/1. Filter/index.html @@ -13,7 +13,7 @@ // Custom Code BEGIN // Modify the code in this block however you need to get the desired ending array. // You must store your new array in the `endingArray` variable for it to log out properly. - let endingArray; + let endingArray = startingArray.filter(number => number %2===0); // Custom Code END diff --git a/Week 1.3 - JavaScript/2. Map/index.html b/Week 1.3 - JavaScript/2. Map/index.html index 72fa39ee..be7630c9 100644 --- a/Week 1.3 - JavaScript/2. Map/index.html +++ b/Week 1.3 - JavaScript/2. Map/index.html @@ -10,10 +10,9 @@ diff --git a/Week 1.3 - JavaScript/4. Event Listeners/index.html b/Week 1.3 - JavaScript/4. Event Listeners/index.html index d284e48f..15ea7c8e 100644 --- a/Week 1.3 - JavaScript/4. Event Listeners/index.html +++ b/Week 1.3 - JavaScript/4. Event Listeners/index.html @@ -12,6 +12,7 @@

    0

    diff --git a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html index ba0e04f2..7ce7333f 100644 --- a/Week 1.3 - JavaScript/5. DOM Manipulation/index.html +++ b/Week 1.3 - JavaScript/5. DOM Manipulation/index.html @@ -24,6 +24,13 @@

    More Jeff Goldblum

    diff --git a/Week 1.3 - JavaScript/Data Fetching/index.html b/Week 1.3 - JavaScript/Data Fetching/index.html index c1da8137..79d34514 100644 --- a/Week 1.3 - JavaScript/Data Fetching/index.html +++ b/Week 1.3 - JavaScript/Data Fetching/index.html @@ -11,6 +11,21 @@ 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..66ab9199 100644 --- a/Week 2.1 - CSS Grid/1. Responsive Grids/index.html +++ b/Week 2.1 - CSS Grid/1. Responsive Grids/index.html @@ -29,6 +29,10 @@ 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..316da3f6 100644 --- a/Week 2.1 - CSS Grid/2. Placing Items/index.html +++ b/Week 2.1 - CSS Grid/2. Placing Items/index.html @@ -10,15 +10,25 @@ display: grid; margin: 0 auto; max-width: 800px; + position: relative; } - .photo > * { mix-blend-mode: multiply; } + .photo > * { + grid-area: 1/1; + width: 100%; + height: auto; + mix-blend-mode: multiply; + + }
    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..84ef354d 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 @@ -10,8 +10,13 @@ display: grid; gap: 8px; grid-template-columns: repeat(6, 100px); - margin: 0 auto 200vh; + margin: 0 auto; max-width: 776px; + min-height: 1200px; + position: sticky; + top: 0; + background-color: #fff; + z-index: 999; } .grid > * { @@ -37,27 +42,55 @@ grid-row: 1; border-color: tomato; background-color: lightcoral; + position: sticky; + top: 27px; } .placeholder { border-color: mediumslateblue; background-color: lightcyan; } + + .letter-h{ + grid-column: 1; + grid-row: 2; + } + .letter-e{ + grid-column: 2; + grid-row: 3; + } + .letter-l{ + grid-column: 3; + grid-row: 4; + } + .letter-l2{ + grid-column: 4; + grid-row: 5; + } + .letter-o{ + grid-column: 5; + grid-row: 6; + } + .letter-i{ + grid-column: 6; + grid-row:7; + }
  • h
  • e
  • l
    • -
  • l
    • +
  • l
  • o
    • -
  • !
    • +
  • !
  • diff --git a/Week 2.2 - Flexbox/1. Centering/index.html b/Week 2.2 - Flexbox/1. Centering/index.html index 5283be49..89ae2f99 100644 --- a/Week 2.2 - Flexbox/1. Centering/index.html +++ b/Week 2.2 - Flexbox/1. Centering/index.html @@ -25,6 +25,9 @@ background-color: whitesmoke; /* Add to your code here to center the box within the container */ + 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..808d08cc 100644 --- a/Week 2.2 - Flexbox/2. Placing Items/index.html +++ b/Week 2.2 - Flexbox/2. Placing Items/index.html @@ -26,9 +26,24 @@ Add to your code here to place the `.logo` and `.links` on either side end of the `.navbar`. + + The `.logo` and `.links` should also be center aligned with each other. */ + display: flex; + justify-content: space-between; + align-items: center; + + } + + .logo{ + height: 60px; + } + .links{ + display: flex; + gap: 24px; } +
    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..2dc99636 100644 --- a/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html +++ b/Week 2.2 - Flexbox/3. Placing Items - Advanced/index.html @@ -19,12 +19,32 @@ width: 100%; height: auto; } + /* Add your code here to position the "read more" links to the bottom of their respective cards */ + .card{ + display: flex; + justify-content: space-between; + flex-direction: column; + border: 2px solid red; + flex:1; + } + .card img{ + display: block; + width: 100%; + height: auto; + } + + .card a.more{ + margin-top: auto; + text-decoration: none; + color: blue; + font-weight: bold; + }
    diff --git a/Week 2.2 - Flexbox/4. Flexing/index.html b/Week 2.2 - Flexbox/4. Flexing/index.html index 443de97c..b093d86a 100644 --- a/Week 2.2 - Flexbox/4. Flexing/index.html +++ b/Week 2.2 - Flexbox/4. Flexing/index.html @@ -40,14 +40,21 @@