Welcome to my Layout Maker!

Please read this first!

The code generated from this tool has comments, which means many of the elements are explained. Please read through the code - even if you have no idea what it means, I have explained it.

If there are bigger changes you want to make, I recommend looking at this graphic I made which hopefully explains the main structure.

I have an Absolute Beginner's Guide to Neocities which has sort-of become an impromptu comment section for this tool, so if you get stuck maybe one of the answers there will help you!

This time I made a graphic to accompany its basic structure, to help out anyone trying to modify or build on this.

To keep the layout responsive, you can assign the images you post with some extra CSS. Instead of width, use max-width.

ok ok kokonk ok o k o k o k o k o k o k o k o k o k o k o k o k o k ok o k o k o k o k o k o k o k o k o lkpk ok j jj ih i h o o j j o iooo j o k k ko hh h n n mm l p p o k mm n o o p p k j n o o p jm m o j k o o j h gb j o n k j i o j j n nn n n k o o o oj n o oo ji b b ioho u jb hjki kbu buj buj bu b ui b b i b b i uh uu io oi o op p jk jn k mnm n jj iio h n b ouh b b b b b u ui hu b u u uh bh b b u u b u b b u u b ub b b b hkgv jg gv h bhj bh hbj hj rfe r vf fd bhtr hy hr erf egv grffgr efr efr f dsfv af g egte egr df vdfv fv g egr rg e dfv vdf a r ge ef df g g reg fv vg fgv r ae rev f da f dr e fge g v gv v f g gr erg r eegr r f f e e ag er er r e re re ae fv r gre ger gr g rea re g gre r eerrgege r rg gj i ooppooilui kjuy hy gb fgvfdv c dcf dcfd cfdcf dcf dcf fdcvf v fv fgv gfv gfv gfv gfv gfv gfv fgv gfv gfv gfv gfv gfv gb gbhhty hyt ty tgtg rt rtf rf ref erfef ef efd edfdcfe dc dcdcf dfc fv