diff --git a/blickfang-portfolio-handy.png b/blickfang-portfolio-handy.png
index d036f770..e309a996 100644
Binary files a/blickfang-portfolio-handy.png and b/blickfang-portfolio-handy.png differ
diff --git a/blickfang-ueber-handy.png b/blickfang-ueber-handy.png
index c301e1b4..2d92ff88 100644
Binary files a/blickfang-ueber-handy.png and b/blickfang-ueber-handy.png differ
diff --git a/pruef-portfolio-computer.png b/pruef-portfolio-computer.png
index 8bd6d9c2..59cc6e70 100644
Binary files a/pruef-portfolio-computer.png and b/pruef-portfolio-computer.png differ
diff --git a/pruef-portfolio-handy.png b/pruef-portfolio-handy.png
index 6b049c58..6d9d56ea 100644
Binary files a/pruef-portfolio-handy.png and b/pruef-portfolio-handy.png differ
diff --git a/pruef-portfolio.mjs b/pruef-portfolio.mjs
index 4229df7d..9670a79a 100644
--- a/pruef-portfolio.mjs
+++ b/pruef-portfolio.mjs
@@ -95,6 +95,37 @@ srv.listen(4403, async () => {
pruefe("die Buchhaltung hat absichtlich keinen Live-Knopf", buch && !buch.link,
buch ? String(buch.link) : "nicht gefunden");
+ console.log("\n1b. STEHEN GENAU ZWEI KACHELN NEBENEINANDER?");
+ for (const [name, breite] of [["Gross", 1920], ["Computer", 1440],
+ ["Laptop", 1200], ["Tablet", 900],
+ ["klein", 700], ["Handy", 390]]) {
+ await seite.setViewportSize({ width: breite, height: 900 });
+ await seite.waitForTimeout(500);
+ const r = await seite.evaluate(() => {
+ const g = document.querySelector(".pfo-raster");
+ if (!g) return null;
+ const k = g.querySelector(".pfo-projekt");
+ return {
+ spalten: getComputedStyle(g).gridTemplateColumns.split(" ").length,
+ kachel: Math.round(k.getBoundingClientRect().width),
+ ueberlauf: document.documentElement.scrollWidth -
+ document.documentElement.clientWidth,
+ };
+ });
+ if (!r) { pruefe("Raster vorhanden", false, "kein .pfo-raster"); break; }
+
+ /* Zwei Spalten ab 900 Punkten, darunter untereinander. Unter 760
+ waeren zwei Spalten so schmal, dass Ueberschrift und Schild im
+ Kachelkopf umbrechen. */
+ const erwartet = breite >= 900 ? 2 : 1;
+ pruefe(` ${name} (${breite}px): ${erwartet} Spalte(n)`,
+ r.spalten === erwartet, r.spalten + " Spalten, Kachel " + r.kachel + "px");
+ pruefe(` ${name}: nichts laeuft seitlich ueber`,
+ r.ueberlauf <= 1, r.ueberlauf + "px");
+ }
+ await seite.setViewportSize({ width: 1440, height: 950 });
+ await seite.waitForTimeout(500);
+
console.log("\n2. UEBERSETZUNGEN — IN ALLEN FUENF SPRACHEN");
/* Geprueft werden die SEITENEIGENEN Schluessel (pf_, p1_-p5_,
seiten_titel). Navigations- und Markentexte liegen bewusst nicht
diff --git a/pruef-vw-schmuck-computer.png b/pruef-vw-schmuck-computer.png
index 28c4eec4..c21f9d30 100644
Binary files a/pruef-vw-schmuck-computer.png and b/pruef-vw-schmuck-computer.png differ
diff --git a/webdesign/portfolio.html b/webdesign/portfolio.html
index 67567399..abcfc161 100644
--- a/webdesign/portfolio.html
+++ b/webdesign/portfolio.html
@@ -21,7 +21,37 @@