@@Gunnar Bittersmann Gegeben ist das Quadrat: ```html <div id="sqare" role="img"> <div id="part"></div> </div> ``` (**edit:** `role="img"`{:.good} ergänzt) mit ```css #sqare { width: 20em; aspect-ratio: 1; outline: thin solid; } ``` Erweitere die Regelmenge für ```css #part { background: green; } ``` sodass in Chromium-Browsern die Figur entsteht. (Wobei man die `20em` abändern kann und sich die grüne Fläche entsprechend anpassen soll.)  🖖 Live long and prosper {:@en} -- *“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en} — Bruce Springsteen, Manchester 2025-05-14

@@Gunnar Bittersmann Gegeben ist das Quadrat: ```html <div id="sqare"> <div id="part"></div> </div> ``` mit ```css #sqare { width: 20em; aspect-ratio: 1; outline: thin solid; } ``` Erweitere die Regelmenge für ```css #part { background: green; } ``` sodass in Chromium-Browsern die Figur entsteht. (Wobei man die `20em` abändern kann und sich die grüne Fläche entsprechend anpassen soll.)  🖖 Live long and prosper {:@en} -- *“In my home, the America I love, the America I've written about, that has been a beacon of hope and liberty for 250 years, is currently in the hands of a corrupt, incompetent and treasonous administration. Tonight, we ask all who believe in democracy and the best of our American spirit, to rise with us, raise your voices against authoritarianism, and let freedom reign.”*{:@en} — Bruce Springsteen, Manchester 2025-05-14