From 5eec97849590ad917baa434fc5c2d5eec472f9af Mon Sep 17 00:00:00 2001 From: FranzR Date: Sat, 22 Nov 2025 12:49:51 +0100 Subject: [PATCH] Nebeneinander oder untereinander mit flex-direction: row oder column-reverse. --- Basic-template.md | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 Basic-template.md 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