From 2e9b1fda2586afcab31f71cb1af9b1f9097f23a9 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Tue, 17 Dec 2024 17:10:57 +0100 Subject: [PATCH 01/21] fix: bg size cover --- 001-expanding cards/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/001-expanding cards/style.css b/001-expanding cards/style.css index d3741bc..03f7979 100644 --- a/001-expanding cards/style.css +++ b/001-expanding cards/style.css @@ -20,7 +20,7 @@ body { } .panel { - background-size: auto 100%; + background-size: cover; background-position: center; background-repeat: no-repeat; height: 80vh; From 7f5da62e680f58108bd4568423451f23b0e84954 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 09:35:49 +0100 Subject: [PATCH 02/21] fix: pokedex img url --- 037-pokedex/script.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/037-pokedex/script.js b/037-pokedex/script.js index b73f52d..eebc611 100644 --- a/037-pokedex/script.js +++ b/037-pokedex/script.js @@ -30,7 +30,7 @@ const createPokemonCard = (pokemon) => { const pokemonInnerHTML = `
From e2fcad1690f0805c1d4008011723a44511bfd580 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 09:40:29 +0100 Subject: [PATCH 03/21] fix: netflix logo --- 045-netflix mobile navigation/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/045-netflix mobile navigation/index.html b/045-netflix mobile navigation/index.html index 121fb11..11f47e4 100644 --- a/045-netflix mobile navigation/index.html +++ b/045-netflix mobile navigation/index.html @@ -18,7 +18,7 @@ @@ -33,7 +33,7 @@ From 64dac76a46920cd6877d44fdd8eb087604e3a5b9 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 09:51:29 +0100 Subject: [PATCH 04/21] fix: feed url --- 048-random image generator/script.js | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/048-random image generator/script.js b/048-random image generator/script.js index fd687fa..3062c32 100644 --- a/048-random image generator/script.js +++ b/048-random image generator/script.js @@ -1,12 +1,11 @@ const container = document.querySelector(".container"); -const unsplashURL = "https://source.unsplash.com/random/"; +const randomfoxURL = "https://randomfox.ca/images/"; const rows = 5; -const getRandomNumber = () => Math.floor(Math.random() * 10) + 300; -const getRandomSize = () => `${getRandomNumber()}x${getRandomNumber()}`; +const getRandomNumber = () => Math.floor(Math.random() * 123); for (let i = 0; i < rows * 3; i++) { const image = document.createElement("img"); - image.src = `${unsplashURL}${getRandomSize()}`; + image.src = `${randomfoxURL}${getRandomNumber()}.jpg`; container.appendChild(image); } From 34f194a1970c1428a00809c468f89ed3e3b8eb7b Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 10:11:33 +0100 Subject: [PATCH 05/21] fix: bg img url --- 021-drag n drop/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/021-drag n drop/style.css b/021-drag n drop/style.css index c0a43c1..7ba918c 100644 --- a/021-drag n drop/style.css +++ b/021-drag n drop/style.css @@ -21,7 +21,7 @@ body { } .fill { - background-image: url("https://source.unsplash.com/random/150x150"); + background-image: url("https://picsum.photos/150/150"); height: 145px; width: 145px; cursor: pointer; From c5b37870414f6796e864a347e877b6055c8e02f5 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 10:35:04 +0100 Subject: [PATCH 06/21] fix: img bg --- 083-full screen image slider/style.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/083-full screen image slider/style.css b/083-full screen image slider/style.css index 1a92356..e89faac 100644 --- a/083-full screen image slider/style.css +++ b/083-full screen image slider/style.css @@ -58,33 +58,33 @@ body { } .slide:first-child { - background: url("https://source.unsplash.com/vTL_qy03D1I/1600x900") no-repeat - center top/cover; + background: url("https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?q=80&w=2070") + no-repeat center top/cover; } .slide:nth-child(2) { - background: url("https://source.unsplash.com/n19qtMX3nNY/1600x900") no-repeat - center top/cover; + background: url("https://images.unsplash.com/photo-1471565661762-b9dfae862dbe?q=80&w=2070") + no-repeat center top/cover; } .slide:nth-child(3) { - background: url("https://source.unsplash.com/_7LbC5J-jw4/1600x900") no-repeat - center top/cover; + background: url("https://images.unsplash.com/photo-1501196354995-cbb51c65aaea?q=80&w=2071") + no-repeat center top/cover; } .slide:nth-child(4) { - background: url("https://source.unsplash.com/_KaMTEmJnxY/1600x900") no-repeat - center top/cover; + background: url("https://images.unsplash.com/photo-1469334031218-e382a71b716b?q=80&w=2070") + no-repeat center top/cover; } .slide:nth-child(5) { - background: url("https://source.unsplash.com/3mGnYRUNIck/1600x900") no-repeat - center top/cover; + background: url("https://images.unsplash.com/photo-1500917293891-ef795e70e1f6?q=80&w=2070") + no-repeat center top/cover; } .slide:nth-child(6) { - background: url("https://source.unsplash.com/cxnkcRnwS7M/1600x900") no-repeat - center center/cover; + background: url("https://images.unsplash.com/photo-1463453091185-61582044d556?q=80&w=2070") + no-repeat center center/cover; } .buttons button#prev { From 807df6bc8ad656a89560394115564cff0d1423e6 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 11:03:50 +0100 Subject: [PATCH 07/21] fix: img source --- 084-fluid image lightbox/index.html | 16 ++++++++-------- 084-fluid image lightbox/script.js | 4 +++- 2 files changed, 11 insertions(+), 9 deletions(-) diff --git a/084-fluid image lightbox/index.html b/084-fluid image lightbox/index.html index 2bd9978..1714a6c 100644 --- a/084-fluid image lightbox/index.html +++ b/084-fluid image lightbox/index.html @@ -13,30 +13,30 @@
No elegance is possible without perfume
It is the unseen, unforgettable, ultimate accessory
A perfume is like a piece of clothing, a message
Perfume is like a parenthesis, a moment of freedom
diff --git a/084-fluid image lightbox/script.js b/084-fluid image lightbox/script.js index 3cef7a8..ebb5a0a 100644 --- a/084-fluid image lightbox/script.js +++ b/084-fluid image lightbox/script.js @@ -7,8 +7,10 @@ previews.forEach((preview) => { preview.addEventListener("click", () => { modal.classList.add("open"); original.classList.add("open"); + const originalUrl = new URL(preview.src); const originalSize = preview.getAttribute("data-original"); - original.src = `https://source.unsplash.com/${originalSize}`; + originalUrl.searchParams.set("w", originalSize); + original.src = originalUrl.toString(); caption.textContent = preview.alt; // Reference: https://stackoverflow.com/questions/35213147/difference-between-textcontent-vs-innertext }); From 441232e46cd66939beb71e3474f70ddc983a88ef Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 11:25:52 +0100 Subject: [PATCH 08/21] fix: video src --- 061-custom video player/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/061-custom video player/index.html b/061-custom video player/index.html index 3a480f0..6132e1d 100644 --- a/061-custom video player/index.html +++ b/061-custom video player/index.html @@ -15,12 +15,12 @@

Custom Video Player

- +
diff --git a/051-video background/style.css b/051-video background/style.css index 4f02f03..a9b54bd 100644 --- a/051-video background/style.css +++ b/051-video background/style.css @@ -2,6 +2,8 @@ :root { --overlay-color: #31385c; + --menu-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E"); + --close-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E"); } * { @@ -51,7 +53,7 @@ position: relative; width: 60px; height: 60px; - background: url(https://i.ibb.co/HrfVRcx/menu.png); + background: var(--menu-icon); background-repeat: no-repeat; background-size: 30px; background-position: center; @@ -59,7 +61,7 @@ } .toggle.active { - background: url(https://i.ibb.co/rt3HybH/close.png); + background: var(--close-icon); background-repeat: no-repeat; background-size: 25px; background-position: center; From 3843362848ed2be3b9e5ad770c46370d34bfd9fe Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 12:08:24 +0100 Subject: [PATCH 10/21] fix: slider imgs --- 053-touch slider/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/053-touch slider/index.html b/053-touch slider/index.html index 06d6a9b..dd11c1f 100644 --- a/053-touch slider/index.html +++ b/053-touch slider/index.html @@ -15,19 +15,19 @@

AirPods

$199

- + Buy Now

iPhone 12

$799

- + Buy Now

iPad

$599

- + Buy Now
From 6716703bb2f45225cfc4814cc7af81e4904a6731 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 12:34:26 +0100 Subject: [PATCH 11/21] fix: bg imgs --- 082-parallax landing page/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/082-parallax landing page/style.css b/082-parallax landing page/style.css index 1084073..f9aed56 100644 --- a/082-parallax landing page/style.css +++ b/082-parallax landing page/style.css @@ -69,8 +69,8 @@ ul { .section-top { min-height: 200px; padding-top: 20px; - background: url("https://i.ibb.co/PhVR2Vh/bg1.png") no-repeat center - center/cover; + background: url("https://i.ibb.co/QP92Bzb/bg1.png") no-repeat center + bottom/cover; } .section-top .content { @@ -79,6 +79,8 @@ ul { .section-top .content h1 { font-size: 45px; + text-shadow: -1px -1px 0 var(--primary-color), 1px -1px 0 var(--primary-color), + -1px 1px 0 var(--primary-color), 1px 1px 0 var(--primary-color); } .section-top .content, @@ -90,8 +92,7 @@ ul { .section-stream { min-height: 400px; - background: url("https://i.ibb.co/bsX6RV0/bg2.png") no-repeat center - center/cover; + background: url("https://i.ibb.co/r4B4MtV/bg2.png") no-repeat center top/cover; } .section-stream h2 { From 874eb9c54103de8883a55580cd68be8ab7e4614d Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 12:40:35 +0100 Subject: [PATCH 12/21] style: improve readability --- 082-parallax landing page/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/082-parallax landing page/style.css b/082-parallax landing page/style.css index f9aed56..c3b47f7 100644 --- a/082-parallax landing page/style.css +++ b/082-parallax landing page/style.css @@ -108,7 +108,7 @@ ul { .section-stream .content > div, .section-grid > div { - background: rgba(255, 255, 255, 0.1); + background: rgba(18, 13, 33, 0.3); padding: 20px; margin-bottom: 20px; border-radius: 10px; From 97d50523e5dc846db22d47ddfbd500bdd58ec3b0 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 13:04:17 +0100 Subject: [PATCH 13/21] fix: imgs --- 095-headphones product page/index.html | 38 +++++++++++++++++++++----- 095-headphones product page/style.css | 4 +-- 2 files changed, 33 insertions(+), 9 deletions(-) diff --git a/095-headphones product page/index.html b/095-headphones product page/index.html index 0b7b609..f0dabc6 100644 --- a/095-headphones product page/index.html +++ b/095-headphones product page/index.html @@ -39,7 +39,7 @@

The headphones of the future.

Read More - + @@ -61,12 +61,36 @@

People Aren't Hearing All the Music

- - - - - - + + + + + +
diff --git a/095-headphones product page/style.css b/095-headphones product page/style.css index d67467f..219f436 100644 --- a/095-headphones product page/style.css +++ b/095-headphones product page/style.css @@ -120,8 +120,8 @@ img { .section-large-text { position: relative; - background: url("https://i.ibb.co/1RS1dqC/section-b.jpg") bottom center/cover - no-repeat; + background: url("https://images.unsplash.com/photo-1593121925328-369cc8459c08?q=80&w=2070") + bottom center/cover no-repeat; height: 600px; } From 49ae3a77640724155f8a6fc6fa0982a00404f8ef Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 14:01:26 +0100 Subject: [PATCH 14/21] fix: recognition lang --- 078-speak number guessing game/script.js | 1 + 1 file changed, 1 insertion(+) diff --git a/078-speak number guessing game/script.js b/078-speak number guessing game/script.js index f80a749..8c0f07c 100644 --- a/078-speak number guessing game/script.js +++ b/078-speak number guessing game/script.js @@ -5,6 +5,7 @@ const randomNumber = getRandomNumber(); window.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; let recognition = new window.SpeechRecognition(); +recognition.lang = "en-US"; recognition.start(); function getRandomNumber() { From 5abd530ec52b24f49a6064101fdcf97f364e4e44 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 18:00:56 +0100 Subject: [PATCH 15/21] style: add transparent bg --- 082-parallax landing page/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/082-parallax landing page/style.css b/082-parallax landing page/style.css index c3b47f7..008ab79 100644 --- a/082-parallax landing page/style.css +++ b/082-parallax landing page/style.css @@ -1,7 +1,7 @@ @import url("https://fonts.googleapis.com/css2?family=Nixie+One&display=swap"); :root { - --primary-color: #2d2254; + --primary-color: #0c030f; --secondary--color: #f5c42f; --text-color: #c5bbec; } @@ -69,7 +69,7 @@ ul { .section-top { min-height: 200px; padding-top: 20px; - background: url("https://i.ibb.co/QP92Bzb/bg1.png") no-repeat center + background: url("https://i.ibb.co/kGKSxTd/bg1.png") no-repeat center bottom/cover; } @@ -92,7 +92,7 @@ ul { .section-stream { min-height: 400px; - background: url("https://i.ibb.co/r4B4MtV/bg2.png") no-repeat center top/cover; + background: url("https://i.ibb.co/p2JjTkj/bg2.png") no-repeat center top/cover; } .section-stream h2 { From 502938768e7a2afd0a17de63e4af8f76540f0c1e Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Fri, 24 Jan 2025 18:19:32 +0100 Subject: [PATCH 16/21] fix: bg width --- 082-parallax landing page/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/082-parallax landing page/style.css b/082-parallax landing page/style.css index 008ab79..7817c55 100644 --- a/082-parallax landing page/style.css +++ b/082-parallax landing page/style.css @@ -69,7 +69,7 @@ ul { .section-top { min-height: 200px; padding-top: 20px; - background: url("https://i.ibb.co/kGKSxTd/bg1.png") no-repeat center + background: url("https://i.ibb.co/NTFtY8q/bg1.png") no-repeat center bottom/cover; } @@ -92,7 +92,7 @@ ul { .section-stream { min-height: 400px; - background: url("https://i.ibb.co/p2JjTkj/bg2.png") no-repeat center top/cover; + background: url("https://i.ibb.co/sQFBGNC/bg2.png") no-repeat center top/cover; } .section-stream h2 { @@ -108,7 +108,7 @@ ul { .section-stream .content > div, .section-grid > div { - background: rgba(18, 13, 33, 0.3); + background: rgba(18, 13, 33, 0.9); padding: 20px; margin-bottom: 20px; border-radius: 10px; From 55c6ded10ea1720cc405a5063ec491ca59139a6e Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Mon, 24 Mar 2025 08:14:23 +0100 Subject: [PATCH 17/21] docs: remove survey --- README.md | 4 ---- 1 file changed, 4 deletions(-) diff --git a/README.md b/README.md index 6c4a163..a522c56 100644 --- a/README.md +++ b/README.md @@ -117,10 +117,6 @@ Explore each project individually and view live demos to see them in action: Check out our [**collection of articles**](https://www.onbusinessplan.com/) for those beginning their web development journey. Find tips, tricks, and motivational content to keep you engaged and motivated throughout your learning process. -## Share Your Insights - -We want to hear from you! Help us tailor our content to better meet your needs by participating in our brief survey. Your feedback is invaluable in guiding us to create the most relevant and useful resources for developers and freelancers. [**Take the survey here**](https://forms.gle/sSWJ4uAcTdFJu6W76). - ## Setup Instructions To get started with these projects, follow these simple steps: From de6b7c9c5770cdc309ddb3fa4b66aae461e8e5db Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Wed, 4 Jun 2025 13:26:30 +0200 Subject: [PATCH 18/21] docs: add companion guide modified: README.md Changes to be committed: modified: README.md --- README.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/README.md b/README.md index a522c56..cb77c6f 100644 --- a/README.md +++ b/README.md @@ -117,6 +117,21 @@ Explore each project individually and view live demos to see them in action: Check out our [**collection of articles**](https://www.onbusinessplan.com/) for those beginning their web development journey. Find tips, tricks, and motivational content to keep you engaged and motivated throughout your learning process. +## The Ultimate Companion Guide + +Enhance your learning journey with **"100 Projects in 100 Days – HTML, CSS & JavaScript: The Ultimate Companion Guide."** This comprehensive guide is designed to help you maximize your experience with this project collection. + +Inside the PDF, you'll find: + +- **Daily Tracker & Planner**: Keep tabs on your progress, set milestone goals, and plan your coding sessions. +- **Core Concepts Per Project**: Grasp the essential HTML, CSS, and JavaScript patterns used in each project, complete with reference links for deeper dives. +- **Go-Further Ideas & Enhancements**: Discover suggestions for taking each project beyond the basics, including real-world feature additions, design improvements, and advanced rewrites. +- **Bug Log & Challenge Notes**: Document any issues you encounter, new discoveries, and debugging notes to learn from and revisit later. + +This guide isn't just about completing projects; it's about building momentum, mastering fundamentals, and challenging yourself to explore, break, and rebuild. + +[**Preview the Companion Guide (PDF)**](https://www.onbusinessplan.com/pdfs/100%20projects%20-%20Companion%20Guide.pdf) + ## Setup Instructions To get started with these projects, follow these simple steps: From f21865232f696190ad9008495370f009944d2faf Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Wed, 11 Jun 2025 14:19:39 +0200 Subject: [PATCH 19/21] docs: container queries title --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index cb77c6f..967b360 100644 --- a/README.md +++ b/README.md @@ -111,7 +111,7 @@ Explore each project individually and view live demos to see them in action: | 099 | [Parallax Website](099-parallax%20website) | [Live Demo](https://codepen.io/solygambas/full/poeBdPr) | | 100 | [Hulu Webpage Clone](100-hulu%20webpage%20clone) | [Live Demo](https://codepen.io/solygambas/full/rNmmqBy) | | 101 | [Cascade Layers](101-cascade%20layers) | [Live Demo](https://codepen.io/solygambas/full/poYaZmv) | -| 102 | [Container queries](102-container%20queries) | [Live Demo](https://codepen.io/solygambas/full/abMqPNy) | +| 102 | [Container Queries](102-container%20queries) | [Live Demo](https://codepen.io/solygambas/full/abMqPNy) | ## Get Inspired From 9eb410ee6f2662028868b384bcbcaa21132d6822 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Thu, 12 Jun 2025 11:45:49 +0200 Subject: [PATCH 20/21] docs: update companion guide presentation --- README.md | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 967b360..49659cd 100644 --- a/README.md +++ b/README.md @@ -117,18 +117,19 @@ Explore each project individually and view live demos to see them in action: Check out our [**collection of articles**](https://www.onbusinessplan.com/) for those beginning their web development journey. Find tips, tricks, and motivational content to keep you engaged and motivated throughout your learning process. -## The Ultimate Companion Guide +## Companion Guide -Enhance your learning journey with **"100 Projects in 100 Days – HTML, CSS & JavaScript: The Ultimate Companion Guide."** This comprehensive guide is designed to help you maximize your experience with this project collection. +Enhance your learning journey with **_100 Projects in 100 Days – HTML, CSS & JavaScript: The Ultimate Companion Guide._** This comprehensive guide is designed to help you maximize your experience with this project collection. Inside the PDF, you'll find: -- **Daily Tracker & Planner**: Keep tabs on your progress, set milestone goals, and plan your coding sessions. -- **Core Concepts Per Project**: Grasp the essential HTML, CSS, and JavaScript patterns used in each project, complete with reference links for deeper dives. -- **Go-Further Ideas & Enhancements**: Discover suggestions for taking each project beyond the basics, including real-world feature additions, design improvements, and advanced rewrites. -- **Bug Log & Challenge Notes**: Document any issues you encounter, new discoveries, and debugging notes to learn from and revisit later. +- **Day 0: Before Starting Up**: Quick-start setup instructions, and boilerplate walkthrough. +- **Days 1–102: Challenges & Enhancements** + - **Challenges**: Targeted tasks to modify core markup, styles, or scripts and deepen your understanding. + - **Enhancements**: Advanced feature ideas, design refinements, and real-world polish suggestions. + - **MDN Web Docs Links**: Direct pointers to documentation for every tweak, so you can dive deeper on demand. -This guide isn't just about completing projects; it's about building momentum, mastering fundamentals, and challenging yourself to explore, break, and rebuild. +This guide isn't just about tweaking projects; it's about building momentum, mastering fundamentals, and challenging yourself to explore, break, and rebuild. [**Preview the Companion Guide (PDF)**](https://www.onbusinessplan.com/pdfs/100%20projects%20-%20Companion%20Guide.pdf) From 984638aedbce682a277772542044ee4fe5b4a9a7 Mon Sep 17 00:00:00 2001 From: solygambas <51904909+solygambas@users.noreply.github.com> Date: Thu, 12 Jun 2025 11:48:49 +0200 Subject: [PATCH 21/21] docs: fix indentation --- README.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 49659cd..8e780c1 100644 --- a/README.md +++ b/README.md @@ -123,7 +123,8 @@ Enhance your learning journey with **_100 Projects in 100 Days – HTML, CSS & J Inside the PDF, you'll find: -- **Day 0: Before Starting Up**: Quick-start setup instructions, and boilerplate walkthrough. +- **Day 0: Before Starting Up**
+ Quick-start setup instructions and a boilerplate walkthrough. - **Days 1–102: Challenges & Enhancements** - **Challenges**: Targeted tasks to modify core markup, styles, or scripts and deepen your understanding. - **Enhancements**: Advanced feature ideas, design refinements, and real-world polish suggestions.