Page 6 - CSS

AI generated

Email Client Compatibility: Tailwind CSS for Outlook and Gmail

Maxim Mironjuk - January 23, 2026

An email template built with Tailwind CSS can look completely different in Outlook on Windows than in Gmail, because both clients use different rendering engines with their own restrictions. Anyone taking email client compatibility seriously needs to know these differences and address them with targeted fallbacks.

Tailwind CSS

AI generated

Tailwind CSS v4 Variants and Selectors: hover, group, peer, @custom-variant

Maxim Mironjuk - January 22, 2026

Variants are the heart of the Tailwind approach. Tailwind CSS v4 extends them considerably: named groups, the has: selector, improved peer logic, and @custom-variant for project-specific states, all without writing a single custom CSS file.

CSS Barrierefreiheit

AI generated

CSS Ruby Annotations: Reading Aids for East Asian Typography

Maxim Mironjuk - January 22, 2026

The HTML element together with and displays small annotation text, so-called ruby annotations, directly above or beside individual characters. In Japanese and Chinese content, these annotations explain the pronunciation and meaning of whole character blocks, and for international shops with an East Asian audience they are not a niche feature but a standard requirement.

Magento CSS

AI generated

CSS Only Image Zoom for Product Pages: Hover Zoom Without JavaScript

Maxim Mironjuk - January 19, 2026

CSS only image zoom for product pages uses background-size, transform scale and the :target pseudo class to build detail views, hover magnifiers and full screen zoom, without loading an external zoom library and without calculating mouse movement in JavaScript.

CSS

AI generated

CSS dvh, svh, lvh: Getting Mobile Viewport Units Right

Maxim Mironjuk - January 17, 2026

The notorious iOS Safari bug with 100vh has kept developers busy for years. The modern CSS viewport units dvh, svh and lvh solve the problem permanently, with no JavaScript, no resize events and no fragile workarounds. This article explains how Dynamic, Small and Large Viewport Units work and when you actually need which one.

Tailwind CSS

AI generated

Splitting Tailwind CSS per Page: Multi-Entry Builds

Maxim Mironjuk - January 15, 2026

A single global Tailwind CSS bundle for every page of a large project means every route loads styles it does not even need. With multi-entry builds, targeted code splitting, and critical CSS, Tailwind CSS can be split per page or route so every route only ships the CSS it actually uses.

CSS

AI generated

Using @page Rules in Practice: Page Breaks, Margins and Print Formats

Maxim Mironjuk - January 12, 2026

With @page rules, CSS directly controls how large a printed page is, what margins it has, and what appears in the header and footer. For invoices, contracts and multi page reports, @page rules replace a significant part of what would otherwise require an external PDF library.

CSS

AI generated

Modern CSS Features 2026: Overview of the Key Innovations

Maxim Mironjuk - January 12, 2026

CSS is evolving faster than ever in 2026. Container Queries, Cascade Layers, @property, native nesting and :has() are Baseline and production ready. New features such as CSS Masonry, Anchor Positioning and Scroll-driven Animations are catching up toward production readiness. This article gives a structured overview.

CSS

AI generated

CSS Multi-Column Layout: column-count, column-width and Newspaper Design

Maxim Mironjuk - January 05, 2026

CSS Multi-Column Layout is one of the most underrated layout modules in modern CSS. With column-count, column-width, column-gap and break-inside you can build newspaper layouts, gallery stacking and masonry-like structures entirely without JavaScript, directly in the browser, with native support across every modern engine.

CSS Barrierefreiheit

AI generated

prefers-color-scheme in Detail: Implementing Dark Mode Correctly

Maxim Mironjuk - December 29, 2025

prefers-color-scheme is more than a media query for light and dark. The color-scheme property, a clean user override and the right order at first render decide whether dark mode feels seamless or starts with a visible flash of the wrong theme.