Code With Jack

Code With Jack 💻 Learn HTML, CSS, JavaScript & Java
🚀 Daily Coding Tips & Projects
📌 Follow for coding content

📘 Day 25 – CSS Grid BasicsLearn the foundation of modern 2D layouts with CSS Grid.Topics Covered:✔ CSS Grid✔ Grid Contai...
31/08/2026

📘 Day 25 – CSS Grid Basics

Learn the foundation of modern 2D layouts with CSS Grid.

Topics Covered:

✔ CSS Grid

✔ Grid Container

✔ Grid Items

✔ Rows

✔ Columns

✔ Gap Property

Follow CodeWithJack for daily web development content.










📘 Mini Project #04 – Responsive Feature CardsBuild a modern responsive Feature Cards section using Flexbox and modern C...
30/08/2026

📘 Mini Project #04 – Responsive Feature Cards

Build a modern responsive Feature Cards section using Flexbox and modern CSS concepts.

Topics Used:

✔ Flexbox

✔ Alignment

✔ Wrapping

✔ Hover Effects

✔ Responsive Design

Follow CodeWithJack for more CSS mini projects.










📘 CSS Revision (Day 19–24)Topics Covered:✔ Pseudo Elements✔ Attribute Selectors✔ Combinators✔ Flexbox Basics✔ Flexbox Al...
30/08/2026

📘 CSS Revision (Day 19–24)

Topics Covered:

✔ Pseudo Elements

✔ Attribute Selectors

✔ Combinators

✔ Flexbox Basics

✔ Flexbox Alignment

✔ Flexbox Ordering & Wrapping

Strong fundamentals create strong developers.

Follow CodeWithJack for daily web development learning.










📘 Day 24 – Flexbox Ordering & WrappingToday we learned how Flexbox can reorder elements and create responsive layouts.To...
29/08/2026

📘 Day 24 – Flexbox Ordering & Wrapping

Today we learned how Flexbox can reorder elements and create responsive layouts.

Topics Covered:

✔ order

✔ flex-wrap

✔ nowrap

✔ wrap

✔ wrap-reverse

✔ Practical Examples

Follow CodeWithJack for daily web development content.










📘 Day 23 – Flexbox AlignmentLearn how to align elements perfectly using Flexbox.Topics Covered:✔ justify-content✔ align-...
28/08/2026

📘 Day 23 – Flexbox Alignment

Learn how to align elements perfectly using Flexbox.

Topics Covered:

✔ justify-content

✔ align-items

✔ align-self

✔ Main Axis

✔ Cross Axis

✔ Practical Examples

Follow CodeWithJack for daily web development content.










📘 Day 22 – Flexbox BasicsLearn the foundation of modern CSS layouts.Topics Covered:✔ Flexbox✔ Flex Container✔ Flex Items...
27/08/2026

📘 Day 22 – Flexbox Basics

Learn the foundation of modern CSS layouts.

Topics Covered:

✔ Flexbox

✔ Flex Container

✔ Flex Items

✔ Row Direction

✔ Column Direction

✔ Practical Examples

Follow CodeWithJack for daily web development content.










📘 Day 21 – CSS CombinatorsLearn how CSS selects elements based on their relationships.Topics Covered:✔ Descendant Select...
26/08/2026

📘 Day 21 – CSS Combinators

Learn how CSS selects elements based on their relationships.

Topics Covered:

✔ Descendant Selector

✔ Child Selector

✔ Adjacent Sibling

✔ General Sibling

✔ Practical Examples

Follow CodeWithJack for daily web development content.










📘 Day 20 – Attribute SelectorsLearn how to target HTML elements using attributes instead of classes and IDs.Topics Cover...
25/08/2026

📘 Day 20 – Attribute Selectors

Learn how to target HTML elements using attributes instead of classes and IDs.

Topics Covered:

✔ [attribute]

✔ [type="text"]

✔ [href^="https"]

✔ [href*="google"]

✔ Practical Examples

Follow CodeWithJack for daily web development content.










📘 Mini Project #03 – Pricing Card SectionToday we created a professional SaaS Pricing Section using modern CSS concepts...
24/08/2026

📘 Mini Project #03 – Pricing Card Section

Today we created a professional SaaS Pricing Section using modern CSS concepts.

Topics Used:

✔ CSS Variables

✔ CSS Units

✔ Z-Index

✔ Hover Effects

✔ Typography

✔ UI Design

Follow CodeWithJack for more real-world CSS projects.










📘 Day 19 – Pseudo ElementsLearn how to add content and decorative effects without changing HTML.Topics Covered:✔ ::befor...
24/08/2026

📘 Day 19 – Pseudo Elements

Learn how to add content and decorative effects without changing HTML.

Topics Covered:

✔ ::before

✔ ::after

✔ content Property

✔ UI Decorations

✔ Practical Examples

Follow CodeWithJack for daily web development content.










Address

Ahmedabad
380001

Website

Alerts

Be the first to know and let us send you an email when Code With Jack posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Shortcuts

Share

Category