<p>Here are a few simple demos of using <ahref="/blockstart/blockstart.css">blockstart.css</a> 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 <ahref="https://hipsum.co/">hipster ipsum</a>.</p>
<blockclass="solid pad border"style="--value: 0; --text: 9; --pad: 2rem;">
<pclass="no-flex"><b>WARNING</b> 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 <b>NONE</b> 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 <ahref="/blockstart/blockstart.css">blockstart.css</a> if you like "mobile first", so don't take me avoiding it <b>in the start</b> as some indication of a flaw. It's a choice, and I am aware of it.</p>
<pclass="no-flex"><b>WARNING</b> 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 they start. What that means is <b>NONE</b> 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 <ahref="/blockstart/blockstart.css">blockstart.css</a> if you like "mobile first", so don't take me avoiding it <b>in the start</b> as some indication of a flaw. It's a choice, and I am aware of it.</p>