Private corporate batches, live online cohorts and 1-on-1 mentoring in the cascade, modern layout, responsive design and stylesheet delivery at scale — taught by a practitioner who runs it in production.
20 years across DevOps, SRE and Security · 10,000+ engineers trained · Trained teams at JPMorgan Chase, Verizon, Nokia and the World Bank
Principal DevOps Engineer & Architect
Rajesh teaches CSS around the cascade and the box model rather than as a property list — specificity resolution, inheritance, the layout algorithms behind Flexbox and Grid, and the reasons a rule that looks correct loses. Sessions cover the parts that decide whether a stylesheet survives: naming and layering at scale, custom properties for theming, responsive strategy beyond breakpoints, and the delivery side — bundling, critical CSS, unused-rule removal, stylelint and size budgets enforced from a pipeline.
Twenty years across DevOps, SRE and Security, in principal and architect roles at PayPay, SoftwareAG, ServiceNow, JDA Software, Intuit, Adobe and others. He has trained engineers at JPMorgan Chase, Verizon, Nokia, the World Bank, VMware, Oracle, Mercedes-Benz and Airbus — more than 10,000 people personally. He teaches what he runs, not what he reads.
You are booked with a named engineer, and that is who turns up. Marketplaces and larger providers rotate whoever is free, so the person who sold you the agenda is rarely the person teaching it.
The same trainer is available for the next engagement, which matters when a team builds on what it learned last time.
Your batch is assigned a named trainer before it starts, and that is who teaches it. See the full faculty.
Engagements are matched on the tool, not the calendar. For CSS that means a trainer who has run it in production — the cascade, modern layout, responsive design and stylesheet delivery at scale — rather than whoever is free that week. You are told who is teaching before you commit, and that person is on the discovery call that shapes the agenda.
Where a batch is large enough to need a second trainer, the pairing is declared up front. The lead trainer stays accountable for the syllabus and the assessment either way.
Principal DevOps Engineer & Architect
Twenty years across DevOps, SRE and Security in principal and architect roles at PayPay, SoftwareAG, ServiceNow, JDA Software, Intuit, Adobe, IBM/Emptoris, Ness, MindTree and Accenture. He has trained more than 10,000 engineers personally, at organisations including JPMorgan Chase, Verizon, Nokia, the World Bank, VMware, Oracle, Mercedes-Benz and Airbus. He teaches what he runs, not what he reads.
Teams of 8–30
Custom agenda, your timezone, onsite or online, NDA-friendly.
Request a quoteIndividual engineers
A private instructor and a curriculum built around your goal.
₹99,999Individuals who want peers
Scheduled batch, max 8 to 10 hours of live instruction.
₹34,999A private batch starts with a discovery call. We look at the stack you actually run — the CI system, the cloud, the constraints — and map the agenda onto it, so examples use your topology rather than a generic one.
Delivery is onsite at your premises, live online, or hybrid, scheduled around your release calendar rather than ours. Batches run 8 to 30 engineers.
Every attendee leaves with recordings, slides, lab repositories and a completion certificate. You receive an attendance and assessment report. Invoicing supports PO and GST.
Talk to us about a private CSS batchCSS — Cascading Style Sheets — is the language that decides how a document is presented. HTML declares what the content is; CSS declares how it is sized, positioned, coloured, spaced and animated, across every viewport, input method and print target the document may reach. A rule is a selector plus a declaration block, and the interesting part is what happens when hundreds of those rules disagree: the cascade, specificity, inheritance and source order resolve every conflict, and almost every unexplained styling bug is one of those four rules working exactly as designed.
The modern language is far larger than colours and fonts. The box model and box-sizing govern how dimensions are computed. Flexbox and Grid replaced the float and positioning hacks that dominated CSS for a decade, and handle one-dimensional and two-dimensional layout natively. Media queries, relative units and the viewport meta pairing make a single stylesheet responsive. Custom properties bring real variables into the cascade, readable and writable from JavaScript. Transitions, transforms and keyframe animations move work onto the compositor rather than into a script.
At scale CSS stops being a language problem and becomes an architecture and delivery problem. A stylesheet is a global namespace, so naming conventions, layering and specificity discipline determine whether a codebase can still be changed after two years. And because CSS is render-blocking by default, how it is authored, bundled, split, minified and cached has a direct and measurable effect on first paint — which is why stylesheet delivery belongs in the build pipeline rather than in a designer's folder.
Interfaces are where users judge software, and CSS is the layer that determines whether an interface is usable at 360 pixels, readable at 200 percent zoom, and fast enough to be scored well by Core Web Vitals. Those are now measured, ranked and in many markets legally required, so styling work has moved from a cosmetic concern to an engineering one with reporting attached.
The language itself has changed more in the last few years than in the decade before. Grid and Flexbox made most float-based layout obsolete, custom properties made theming and dark mode a first-class capability, container queries changed how components respond to space, and the cascade layers proposal gave large codebases a way to control specificity deliberately. Teams whose CSS knowledge stopped at floats and media queries write far more code than the platform now requires, and end up carrying a framework to do what the browser already does.
The expensive problem in most organisations is not writing a rule — it is a stylesheet nobody can safely change. Unpicking specificity wars, removing dead CSS, splitting a monolithic bundle and holding a size budget in CI is the work that actually gets funded, and it needs someone who understands the cascade rather than someone who adds another important flag.
The mental model everything else depends on. Rule syntax and the three ways a stylesheet reaches a document, the basic selector set, then the part most engineers never learn properly — how the cascade, specificity, inheritance and source order combine to decide which declaration actually applies.
Topics: What CSS is and why the presentation layer is separated · CSS syntax — selectors, declarations and comments · Element, id, class, universal and grouping selectors · External, internal and inline CSS, and when each is defensible · Specificity, the cascade and source order · Inheritance and the initial, inherit, unset and revert keywords · Reading computed styles in DevTools
The visual primitives, taught with the value systems behind them. Colour names against RGB, RGBA, HEX, HSL and HSLA, transparency and opacity, the full background shorthand including position, repeat, attachment, size, origin and clip, and borders through to rounded corners and border images.
Topics: Colour names, colour values, RGB, RGBA, HEX, HSL and HSLA · Text, background, border colour and opacity or transparency · background-image, background-repeat, background-position, background-attachment · background-size, multiple backgrounds and full-size hero images · background-origin and background-clip · Border style, width, colour, individual sides and shorthand · Rounded corners with border-radius, per-corner control · border-image and slice values
Where mysterious layout arithmetic comes from. Height and width and their limits, the box model in full, margins including collapse and the auto value, padding and its effect on element width, outline as a non-layout box, and box-sizing — the single declaration that removes most of the confusion.
Topics: Height and width values, min-width and max-width · The box model — content, padding, border and margin · Margin individual sides, shorthand, auto and inherit · Margin collapse and why it surprises people · Padding, shorthand and padding's effect on element width · Outline, outline-width, colour, shorthand and outline-offset · box-sizing, with and without border-box · Using width, max-width and margin auto together
Everything that makes text readable. Colour, alignment, direction, decoration and transformation, the full spacing set from letter-spacing to white-space, text shadow, then font families, web-safe stacks and fallbacks, @font-face and web font formats, and the icon approaches teams actually use.
Topics: Text colour, alignment, direction, vertical alignment and decoration · Text transformation, indentation, letter spacing, line height, word spacing, white-space · text-shadow, text-overflow, word-wrap, word-break and writing-mode · font-family, web-safe fonts, font fallbacks and font pairing · font-style, font-size, font shorthand and responsive typography · The @font-face rule, font formats and using bold text correctly · Icon approaches — icon fonts, SVG icons and icon libraries · Font loading strategy and the effect on layout shift
Classic layout, which is still what most existing codebases are made of and still what breaks. Display values and their consequences, the five position values and the containing blocks they resolve against, overflow behaviour, float and clear with the clearfix problem, inline-block, and the alignment techniques teams reach for.
Topics: The display property and overriding the default display value · Position — static, relative, fixed, absolute and sticky · Containing blocks, stacking contexts and z-index · Overflow — visible, hidden, scroll, auto, overflow-x and overflow-y · Float, clear and the clearfix · inline-block and its use for navigation · Horizontal and vertical centring — padding, line-height, position with transform, Flexbox · Positioning text over an image
Modern layout, taught as two algorithms rather than a property cheat sheet. The flex container and flex items in full, then Grid for two-dimensional layout, then the multi-column module for text flow — with a clear rule for choosing between them instead of defaulting to whichever is more familiar.
Topics: The Flexbox layout module and the flex container · flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content · Flex items — order, flex-grow, flex-shrink, flex-basis, flex, align-self · Perfect centring and responsive Flexbox patterns · CSS Grid — tracks, areas, gaps, implicit and explicit grids · Grid placement, auto-fit, auto-fill and minmax · Choosing Flexbox versus Grid for a given problem · Multi-column — column-count, column-gap, column-rule, column-span, column-width
How to target precisely instead of adding classes and wrapper elements. Combinators, the attribute selector family in full, pseudo-classes including state and structural selectors, and pseudo-elements — plus the specificity cost of each, which is where selector choices come back to bite.
Topics: Combinators — descendant, child, adjacent sibling and general sibling · Pseudo-classes and the anchor pseudo-class set · Structural and state pseudo-classes · Pseudo-elements, ::first-line, ::before and ::after · Attribute selectors — exact, whitespace, prefix, suffix and substring matching · Specificity cost of each selector type · Selectors used by test automation and why they break
The interface patterns every application needs, built from the primitives rather than pulled from a framework. Navigation, dropdowns, buttons, pagination and breadcrumbs, tooltips, cards, image treatments, form styling, tables and lists — each with its states, keyboard behaviour and responsive form.
Topics: Navigation bars — vertical, horizontal, fixed, sticky, active states · Dropdowns and menu alignment · Buttons — colours, sizes, rounded, hover, shadow, disabled, groups, animated · Pagination and breadcrumbs, sizing and alignment · Tooltips — positioning on four sides, arrows and fade-in animation · Cards, image galleries, sprites and object-fit · Styling forms — inputs, focus states, textareas, selects, buttons, responsive forms · Styling tables and lists, and CSS counters
Motion and depth without a performance penalty. Linear and radial gradients, text and box shadows, 2D and 3D transforms, transitions and keyframe animations in full — and the compositor rules that separate an animation running at sixty frames per second from one that thrashes layout.
Topics: Linear gradients — direction, angles, multiple stops, transparency, repeating · Radial gradients — shape, size keywords, spaced stops, repeating · text-shadow, multiple shadows and box-shadow · 2D transforms — translate, rotate, scale, skew, matrix · 3D transforms — rotateX, rotateY, rotateZ and perspective · Transitions — property, duration, delay and timing function · Animations — keyframes, name, duration, delay, iteration count, direction, fill-mode · Image filters, hover overlays and flip effects · Which properties are cheap to animate, and why
One stylesheet, every screen. What responsive design actually means, the viewport and its meta pairing, media query syntax and types from CSS2 through to modern feature queries, then responsive images, flexible galleries and menus, orientation handling, and a mobile-first authoring order that reduces override churn.
Topics: What responsive web design is, and what the viewport is · Media query syntax, media types and the CSS3 media query set · Media queries for menus, columns, font size and hiding elements · Min-width to max-width ranges and orientation · Mobile-first authoring versus desktop-first overrides · Flexible images, responsive galleries and responsive websites · Responsive images in markup — srcset, sizes and picture · Container queries and where they replace breakpoints
The part that decides whether the stylesheet is still maintainable in two years. Custom properties for theming, architecture and naming conventions, preprocessors and PostCSS, then delivery: bundling and splitting, critical CSS, unused-rule removal, minification, fingerprinting, stylelint and a size budget enforced by CI.
Topics: Custom properties and the var function, global and local overriding · Custom properties in media queries and changed from JavaScript · Architecture — BEM, utility-first, layering and component boundaries · Preprocessors and PostCSS with autoprefixer · Bundling, code splitting and critical CSS · Removing unused CSS safely · Minification, source maps, fingerprinting and cache headers · stylelint, size budgets and visual regression testing in CI · Browser support strategy, feature queries and progressive enhancement
We rebuild the agenda around the tools you actually run.
Request a custom agendaWork through a stylesheet where the obvious rule loses, resolve every conflict without adding an important flag, and document the cascade decision behind each fix.
Implement one page section twice, once with Grid and once with Flexbox, then argue which you would ship and what each costs in markup and maintenance.
Convert a desktop-first stylesheet to mobile-first authoring, replace fixed breakpoints with fluid sizing where possible, and prove the override count went down.
Build a token layer in custom properties, switch themes at runtime from JavaScript, and verify contrast ratios for both themes against accessibility thresholds.
Profile a janky interface, move the animation to transform and opacity, and demonstrate the frame-rate difference in the DevTools performance panel.
Take a monolithic CSS bundle, extract critical CSS, remove dead rules, fingerprint the output, and enforce a size budget and stylelint in the pipeline.
Billed yearly at ₹9,996
Max 8 to 10 hours of live instruction
Full program, private instructor
8–30 engineers · custom agenda · onsite or online · PO and GST invoicing
Refunds. If we cancel or postpone a cohort, you get a full refund within 15 days. There is no money-back guarantee otherwise.
Terms. Course material remains licensed to the attendee. Read the terms.
Your data. We don't share it with third parties. Privacy policy.
Certificate of completion
I recently did a SRE Session with Rajesh Kumar from DevOps School and the session was great. Right from 1st day till day 15, we had a very interactive session. Rajesh clarified our doubts and the tool demos were excellent without any hiccups. He simplified the concepts while sticking to the content with a fine balance between theory and practice. Am convinced he is one of the best trainers for SRE & DevOps concepts.
The Rundeck developer session was excellent and highly engaging. I appreciated how well the session was structured, with the theoretical concepts explained clearly and in simple terms. What stood out most to me was the demo — it was both informative and enjoyable. I especially liked how Rajesh walked us through not only the happy path but also the sad path, showcasing common issues and sharing practical troubleshooting tips.
Rajesh's experience and knowledge are exceptional and we learnt invaluable practical knowledge which we can apply in our production environment. Incredibly friendly and gave us a fantastic insight both in-depth and at a high level of the Rundeck product.
Great learning experience from a very knowledgeable instructor with well-prepared course notes. The lab exercises on AWS instance work well to learn the hands-on side of the course.
Rajesh is a very good trainer I have experienced in DevSecOps training. The number of contents in different topics he has posted on the DevOpsSchool public website are amazing and user friendly for beginners and experienced professionals.
The trainer (Rajesh) provided very good sessions on SRE profession. Not only hands-on learning on the tools but also SRE mindset.
| What matters | YouTube + blogs | Generic online course | Freelance marketplace | DevOpsSchool |
|---|---|---|---|---|
| Named practitioner | No | Rarely | Varies per booking | Yes — same trainer each time |
| Production experience | Unknown | Unknown | Unverified | 20 years, named employers |
| Custom agenda | No | No | Sometimes | Built from your stack |
| Onsite delivery | No | No | Sometimes | Yes |
| Lab environment | None | Sandbox that expires | Varies | Your own cloud — skill goes with you |
| Assessment | None | Quiz | Rarely | Assignments + capstone per module |
| Per-attendee certificates | No | Sometimes | Rarely | Yes |
| Corporate invoicing | No | Limited | Varies | PO and GST |
| Post-training support | None | Forum, time-limited | None | Lifetime forum access |
Tell us the team, the stack and the timeline. You'll get a straight answer, not a sales sequence.
Talk to an advisorPrefer to call or email?
More ways to reach us on the contact page.