Komplexes Konstrukt vereinfachen

[Felix Riesterer]

Liebe(r) Jenny,

vereinfachen, aber wie am einfachsten?

vielleicht so?

<article class="decorated">
  <section id="german"></section>
  <section id="stop"></section>
</article>

.decorated {
  display: grid;
  grid-template-columns: 1fr 1fr;

  & section {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 32px;
    min-height: 3em;
  }
}

#german {
  background-image: url(
    data:image/webp;base64,UklGRoYAAABXRUJQVlA4IHoAAABwBACdASooABsAAgA0JagB3BfAPwrlmf9AwkD9APf/u0AGBrAFljez7+cLRAD+/p9hZ3svqll6///Cx16peF2iY3//30VoOh3orQcuwZYH/FRP2whL4Bpul/1Aa0D8jj/5GtyHeCzYN+9OA8FmwUkC9vgVhXCjKgIAAA==
  );
}

#stop {
  background-image: url(
    data:image/gif;base64,R0lGODlhUABQAMIFAMwAANlAQOaAgPK/v//+/v///////////yH5BAEKAAcALAAAAABQAFAAAAP+eLrcviTKSaudL+vNz/3g140kE55oVK5b6oZsbE4BYN94ru92QMkxSo1HLOJ8GCBJaGwakRJlh+ms8qAqaYZq7eawBK2D6y33fmIF2WwGp9fsNloJj8uTsrr9Hg3S9oA3bit6gXxZI4WGh2FTf4uQgxqKkGySY4+VlZcQmZqbc2qen6B4lKR7bqeoqR9DrKxgEkYCtYu1Aq9fuLhNF1cDBcLCA68Cw8jJBQI4x8nMOc7KxTy/OgHKw0PS2cPQAMHZA9HdxDvWR+XCNtzl0OHd3wDtyvI26Dfw8fPq3vz9zfoV0IEPALZh4wwm04HMHrhn7b5JgxZAn72C3NJpy9H+kCFCQcgS/lsG0h8OjMg4mrzRUaUweRnZrQSw8KQFcsNcksTRkufMmCPl1byBMmeVnix/ppT50qdRojcDbnSC1AZSoBOdrrNZweNUI1VpKn2aNenTe1Fx6Hupy+tOrTCXBi1pjiuFa92o7Qh7VW7ZilUL9ijX1upMw01vYBVIMK0OesIK8x27deS+HIKjrRVp9m3nuGTVcYbatcnBs4g9pwZdGXIBvY1LN+HWdnJipq0bOox99+hh254XoyaSmUdV4KwH4lbuy7HY26t1Ouwbeng158d/H34e3K9cIwX1aYws3S1rkUDBO+eWEPBw4CJPv01fRLDA0dwdRmwntbK9etmKAWTeDms90x9z//WWQ4FfwcUDg6/h5F99zgWYDGzl8UBPYfQRV+ERvRgSQC2FxXFBibBE4kqKpKgyCouASLIKjE5wMiONRHAiigQo4mhaKA3c6OMZeGzx4pBXAGkkj0g+oeQkRzZp0JMtRDmkjolYSSOWS2iZIpclCKlikXR4+QmYfjC5JZVlqvklm1KIyUgaS0bQYyBovmGmJXDS6cGeXuTp558vFNrnoDsaWiiiXSrqAqNhOoqCFgkAADs=
  );
}

Liebe Grüße

Felix Riesterer