Beispiel:CSS-grid-ausrichtung-7.html
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css"> <title>Grid mit Text unten rechts</title> </head> <style> body { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: min-content auto auto auto auto; gap: 1em; min-height: 90vh; }
- impressum {
grid-column: -3 / -1; grid-row: -3 / -1; align-self: end; justify-self: end; background: #c32e04; color: white; padding: 1em; }
body > * { background-color: #fdfcf3; border: thin solid; }
h1 { grid-column: 1 / -1; height: min-content; }
</style>
<body>
Grid mit Text unten rechts
© Impressum by me, 2020
</body> </html>