A hands-on repository for learning CSS fundamentals and layout techniques.
This repo contains organized lessons covering core CSS concepts with example HTML files demonstrating styling, layout, transforms, animations, grid systems, and more. It’s intended as a practice and reference collection for learners. :contentReference[oaicite:1]{index=1}
Inline vs internal vs external styling basics.
Working with fonts, color, and browser dev tools.
Understanding content, padding, border & margin.
Inline, block, inline-block and what they mean.
Static, relative, absolute, fixed, and sticky contexts.
px, %, vw, vh, em, rem — how units affect layout.
Classic layout techniques and common caveats.
Modern one-dimensional layout control.
Responsive design fundamentals.
Text and box shadows for visual depth.
Keyframes based CSS animations.
Smooth state changes on hover, focus, etc.
Translate, scale, rotate, skew basics.
Two-dimensional layout systems, including auto-fit & minmax areas.
Add perspective & depth with 3D transforms.
(Descriptions above are inferred from directory names — update them with examples or links to files if you want more detail.) :contentReference[oaicite:3]{index=3}