D.I.Y. (TEXT-PRIM(ARLY)) "CSS-LESS" WEBSITE TUTORIAL P.S. -1 00. > Right mouse-click: DevTools // (Ctrl + Shift + I [Web Inspector]) >> Step (01.) >>> Step (02.) 01. > make text file (notepad), >> fill it, >>> save it, >>>> drag-n-drop it into web browser, 02. > save that (01.ln4) as html, *03. > go to w3c, (web tutorials); resp. developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Your_first_website/Creating_the_content / (You can) copy "responsive webpage" [there - w3c]: (B) (iirc either - w3schools.com/css/tryit.asp?filename=trycss3_flexbox_responsive (Responsive flexbox sandbox), - w3schools.com/css/css_rwd_templates.asp (Responsive Web Design - Templates), or - w3schools.com/css/tryit.asp?filename=trycss3_flexbox_website2 (Responsive website using flexbox sandbox) ), >> paste that/it (code) into html-text, >>> save (it), (/B) 04. > open (register, log-in) neocities (or pref. web-hosting service), >> drag-n-drop, 05. > delete (original) index.html, >> rename your html-text (as) index.html, / / or > rewrite original index.html with >> pasted code from your drive's "index.html" (Step 02.) 06. >>>>> - and you are done! >>>>> P.S. 00. +1 >>>>> or just copy (Ctrl + Shift + I [Web Inspector]) my web and edit it. (No folders. Copy and click links you'll see in Inspector.) >>>>> TIP: /// also, for responsive multi-columns ( or if lazy and just want to use them, [along with {height: ___(%/px/em/vw…)}] ), you'd use {columns: ___px} . /// (/*, 03.) This [(B) to (/B)] step can be omitted** - you can just use TIP above ^. (/** Further web info there.)