🏗️HTML 🎨CSS ⚡JavaScript 🐙Git & GitHub ⚛️React Soon 📘TypeScript Soon 🐍Python 🗄️Database & SQL Soon 🌐Web Development Soon ☁️Cloud & DevOps Soon 🤖AI & ML Soon 📄Resume Prep Soon 🎤Interview Prep Soon 💼Freelancing Soon 🚀SaaS & Side Projects Soon 🤖Automation Soon

🎨

CSS

Style your pages: colours, fonts, Flexbox, Grid, animations, dark mode and responsive design.

All (12) Beginner (13) Intermediate (12) Advanced (5)

CSS Positioning — Static, Relative, Absolute, Fixed, Sticky

CSS positioning controls exactly where elements appear on a page. Learn static, relative, absolute, fixed, and...

Intermediate 3 min

CSS Variables — Reusable Values with Custom Properties

CSS variables (custom properties) let you define values once and reuse them everywhere. Essential for themes, ...

Intermediate 2 min

Responsive Design & Media Queries — Mobile-First CSS

Learn how to make websites that look great on any screen size. Understand media queries, breakpoints, mobile-f...

Intermediate 2 min

CSS Grid Basics: Rows, Columns and Gaps

Learn CSS Grid step by step: create columns and rows with px, fr and repeat(), add gaps, and make items span s...

Intermediate 12 min

CSS Grid Layouts: Template Areas and Responsive Grids

Build full page layouts with grid-template-areas, make cards wrap with auto-fit and minmax(), rearrange areas ...

Intermediate 14 min

Specificity and the Cascade: Which CSS Rule Wins?

Find out why some CSS rules win and others are ignored. Learn the cascade, count specificity, understand inher...

Intermediate 12 min

CSS Transitions: Smooth Changes on Hover and Focus

Make buttons and cards change smoothly with CSS transitions. Learn duration, timing functions, delay and the s...

Intermediate 12 min

CSS Transforms: Move, Rotate, Scale and Skew

Move, rotate, scale and skew elements with CSS transforms, change the transform origin and build a 3D flip car...

Intermediate 12 min

CSS Animations with @keyframes

Create CSS animations with @keyframes: loading spinners, staggered dots, a pausing offer banner and a flickeri...

Intermediate 12 min

Pseudo-elements: ::before, ::after and More

Add sale ribbons, decorative quotes, underlines and drop caps with CSS pseudo-elements like ::before, ::after ...

Intermediate 12 min

Styling Forms: Inputs, Buttons and Focus States

Style HTML forms that are easy to use on any phone: consistent inputs, labels, focus states, accent-color, sel...

Intermediate 16 min

z-index and Stacking: What Sits on Top

Understand why z-index sometimes does nothing. Learn the default stacking order, stacking contexts and a clean...

Intermediate 14 min