Git Hooks

Container Queries allow CSS styles to respond to the size of a parent container rather than the browser viewport, solving a long-standing limitation of media queries. By marking an element as a containment context with `container-type`, its children can use `@container` rules to adapt their layout based on the container's dimensions. This makes truly reusable components possible — a card component can rearrange itself whether it's in a sidebar or a full-width section.

A WebView is an embeddable browser component that renders web content (HTML, CSS, JavaScript) inside a native mobile application. It allows developers to reuse existing web code within a native app shell, commonly used for displaying rich content, integrating web-based features, or building hybrid apps. While convenient, WebView-heavy apps typically have worse performance and a less native feel compared to truly native or React Native/Flutter approaches.

Orchestration is the automated coordination of multiple services, tasks, or systems to execute a complex workflow. An orchestrator acts as a central controller that manages the sequence, parallelism, error handling, and retries of individual steps. In the context of AI agents, orchestration involves chaining LLM calls, tool use, and decision-making steps; in DevOps, it coordinates container deployment, scaling, and service discovery.

Blue-green deployment is a release strategy that maintains two identical production environments — "blue" (current) and "green" (new version). Traffic is switched from blue to green only after the new version passes all health checks, enabling zero-downtime releases. If issues are detected, traffic can be instantly routed back to the blue environment, making rollbacks trivial and fully automated.

Flexbox (Flexible Box Layout) is a one-dimensional CSS layout model designed for distributing space and aligning items within a container along a single axis — either horizontal or vertical. It excels at handling dynamic content sizes, centering elements, and creating flexible navigation bars, card rows, and form layouts. Properties like `justify-content`, `align-items`, and `flex-grow` give you fine-grained control over how items share available space.

CI/CD (Continuous Integration / Continuous Deployment) is a set of practices that automate building, testing, and deploying code every time a developer pushes changes. Continuous Integration merges code into a shared branch frequently and runs automated tests, while Continuous Deployment automatically releases validated changes to production. Together they form the backbone of modern software delivery, reducing manual errors and accelerating release cycles.