<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>CSS on Spaghetti Code 🍝</title>
    <link>https://spaghetti-code.net/en/tags/css/</link>
    <description>Recent content in CSS on Spaghetti Code 🍝</description>
    <image>
      <title>Spaghetti Code 🍝</title>
      <url>https://spaghetti-code.net/images/og-default.png</url>
      <link>https://spaghetti-code.net/images/og-default.png</link>
    </image>
    <generator>Hugo -- 0.160.0</generator>
    <language>en</language>
    <lastBuildDate>Thu, 05 Nov 2026 00:00:00 +0000</lastBuildDate>
    <atom:link href="https://spaghetti-code.net/en/tags/css/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>CSS Specificity Explained: How the Cascade Decides</title>
      <link>https://spaghetti-code.net/en/posts/css/css-specificity-explained/</link>
      <pubDate>Thu, 05 Nov 2026 00:00:00 +0000</pubDate>
      <guid>https://spaghetti-code.net/en/posts/css/css-specificity-explained/</guid>
      <description>How CSS specificity is calculated, why a later rule can still lose, where inline styles and !important fit, and how cascade layers fix the problem for good.</description>
    </item>
    <item>
      <title>CSS Grid vs Flexbox: When to Use Each</title>
      <link>https://spaghetti-code.net/en/posts/css/css-grid-vs-flexbox/</link>
      <pubDate>Mon, 12 Oct 2026 00:00:00 +0000</pubDate>
      <guid>https://spaghetti-code.net/en/posts/css/css-grid-vs-flexbox/</guid>
      <description>Flexbox lays out one row or column; Grid lays out rows and columns together. The decision rule, with working code for navbars, dashboards, and card grids.</description>
    </item>
  </channel>
</rss>
