From 527f8cf0f321a55661dc31259c7141914cc2508a Mon Sep 17 00:00:00 2001 From: "Zed A. Shaw" Date: Fri, 24 Jun 2022 21:56:54 -0400 Subject: [PATCH] Fix the page display on mobile and also warn people they don't work on mobile. --- public/blockstart/demos/index.html | 32 +++++++++++++++++++++++++----- 1 file changed, 27 insertions(+), 5 deletions(-) diff --git a/public/blockstart/demos/index.html b/public/blockstart/demos/index.html index a602ecf..9b7e2fa 100644 --- a/public/blockstart/demos/index.html +++ b/public/blockstart/demos/index.html @@ -6,10 +6,26 @@ blockstart.css Demos @@ -29,7 +45,13 @@ grid > shape {

Here are a few simple demos of using blockstart.css to create copies of landing pages. Copying other websites is a great way to learn web development. The text in the demos is either taken from the "inspiration" site, or is from hipster ipsum.

- + +

WARNING The entire point of this project is to remove irrelevant details in the beginning of a project. Making a web page work on every imaginable aspect ratio just so Google and Apple don't have to make their browsers work correctly is exactly the kind of detail people should ignore when the start. What that means is NONE of these demos work on mobile. Maybe they do, maybe they don't, but they are on desktop because I use a desktop to make them and that's the easiest start. Nothing prevents you from starting with moblile using blockstart.css if you like "mobile first", so don't take me avoiding it in the start as some indication of a flaw. It's a choice, and I am aware of it.

+
+ +
+ + Asana Canva Todoist