<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd http://www.google.com/schemas/sitemap-image/1.1 http://www.google.com/schemas/sitemap-image/1.1/sitemap-image.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
    <url>
        <loc>https://modern-css-layouts.com/</loc>
        <lastmod>2026-06-02T16:37:56Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/accessibility-in-css-animations</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-animation-vs-web-animations-api</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-custom-properties-architecture</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-transition-fundamentals</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/hover-focus-state-design</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/keyframe-animation-patterns</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/performance-gpu-acceleration</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-fallbacks</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-syntax-basics</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/css-grid-and-subgrid-layouts</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/fluid-typography-with-clamp</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/intrinsic-sizing-techniques</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/modern-css-reset-strategies</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/responsive-component-patterns</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/accessibility-in-css-animations/creating-accessible-focus-indicators</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/accessibility-in-css-animations/prefers-reduced-motion-recipes</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/accessibility-in-css-animations/reducing-motion-preferences-in-css</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/accessibility-in-css-animations/vestibular-safe-animation-patterns</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-animation-vs-web-animations-api/when-to-use-javascript-animation</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-custom-properties-architecture/animating-custom-properties-with-at-property</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-custom-properties-architecture/fluid-spacing-tokens-driving-transition-durations</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-transition-fundamentals/css-transition-timing-functions</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/css-transition-fundamentals/transitioning-display-with-allow-discrete</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/hover-focus-state-design/accessible-css-only-tooltips</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/hover-focus-state-design/focus-visible-vs-focus-polyfill-alternatives</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/hover-focus-state-design/smooth-hover-effects-without-javascript</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/keyframe-animation-patterns/container-query-triggered-keyframe-animations</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/keyframe-animation-patterns/css-only-loading-spinners-and-skeletons</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/keyframe-animation-patterns/css-only-toggle-switches-and-checkboxes</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/keyframe-animation-patterns/staggered-list-animations-with-custom-properties</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/performance-gpu-acceleration/optimizing-css-animations-for-60fps</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/css-only-micro-interactions-animations/performance-gpu-acceleration/will-change-and-the-compositor-thread</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-fallbacks/feature-detection-with-supports</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-fallbacks/handling-container-query-fallbacks-for-older-browsers</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-syntax-basics/container-query-units-cqi-cqb-explained</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-syntax-basics/container-vs-media-queries-comparison</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-syntax-basics/how-to-use-container-queries-in-production</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/container-query-syntax-basics/nesting-and-naming-container-queries</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/css-grid-and-subgrid-layouts/building-a-dashboard-with-subgrid</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/css-grid-and-subgrid-layouts/holy-grail-layout-with-grid</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/fluid-typography-with-clamp/clamp-vs-media-query-typography</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/fluid-typography-with-clamp/fluid-space-scale-with-clamp</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/fluid-typography-with-clamp/fluid-typography-without-javascript</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/intrinsic-sizing-techniques/aspect-ratio-for-responsive-media</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/intrinsic-sizing-techniques/min-max-fit-content-explained</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/modern-css-reset-strategies/cascade-layers-for-reset-and-tokens</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/responsive-component-patterns/building-responsive-cards-with-container-queries</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/responsive-component-patterns/container-query-data-tables</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
    <url>
        <loc>https://modern-css-layouts.com/mastering-container-queries-responsive-layouts/responsive-component-patterns/responsive-navigation-without-media-queries</loc>
        <lastmod>2026-06-18T15:37:59Z</lastmod>
    </url>
</urlset>
<!-- XML Sitemap generated by @nuxtjs/sitemap v8.0.15 at 2026-06-18T15:38:15.740Z -->