commit 5eec97849590ad917baa434fc5c2d5eec472f9af Author: FranzR Date: Sat Nov 22 12:49:51 2025 +0100 Nebeneinander oder untereinander mit flex-direction: row oder column-reverse. diff --git a/Basic-template.md b/Basic-template.md new file mode 100644 index 0000000..22445f5 --- /dev/null +++ b/Basic-template.md @@ -0,0 +1,16 @@ +# Style with flex +```CSS +.project-container { + display: flex; + flex-direction: column-reverse; +} +.project-container img {max-width: 100%; height: auto; } +@media only screen and (min-width: 768px) { + nav { flex-direction: row; } + .project-container { + flex-direction: row; + column-gap: 1em; + } + .pagination { width: 30%; } +} +``` \ No newline at end of file