Neocities

wholecake

2 months ago

update: im using this index i just needed to be zen

1 like

oceanfront

2 months ago

ive been trying to make my site responsive for awhile, but its just not going my way.. ive switched everything to using %, and my nav section turned out perfeclty, but everything else is awful T_T?? send help.. https://imgur.com/a/yzNFdZV

5 likes

kingdomofakibaten 2 months ago

Hellooo :3 looked at your code! The main issue stems from how you position things on your website. you are manually positioning articles using margins but for responsive design this isn’t ideal because while visually your website is broken up into different sections, the browser can’t see that and oesn’t know how to scale things :( outside of the header at the top, there are three columns with the left and right

1 like

kingdomofakibaten 2 months ago

lets take the left column. If we put that in its own div with a set width we can add stuff and everything will still be top down with space in-between and trapped inside the same width and your browser knows how to scale or what to scaled relative to. Also I would recommend taking all uses of pixels out and replace it with em, %, or vh/vw

kingdomofakibaten 2 months ago

Sorrryyyy that was really long explanation. I did exactly what I described on my website using flex boxes with a center section and two columns on each side of the same with (so like the exact same) please feel free to look at and take my code and use it and reply if I didn’t explain anything well >.<

oceanfront 2 months ago

@kingdomofakibaten thank u very much but ... that pic isnt actually referencing my current code .. it was for my wip in visual studio (o╭╮o) 🥺 im sorry

oceanfront 2 months ago

https://pastebin.com/E0nyWmr6 this is the actual thing i was working with >.< i feel so bad haha

kingdomofakibaten 2 months ago

i see sorry about that >w< I looked over your code and I think for responsive design there are two places you can start: switch all px to rem (which is px/16) and consider implementing a more organized layout in the code. Right now everything inside mainBox is positioned relative to one another and all have the same parent (mainbox) this means that If I delete navBox or any article everything moves.

kingdomofakibaten 2 months ago

there is already a somewhat defined colum layout for your site. You have a big center column and a colum on each side that are the same size we can still use mainbox here but then we can separate all the articles on the left into a div class = left and same for the center and the right and then define how each of those is positioned relative to one another (the best way here is usually flex)

kingdomofakibaten 2 months ago

we can define the width of lets say the left column and now something like navbox is only positioned relative to whats about and below it because div class = left is already positioned relative to the center

kingdomofakibaten 2 months ago

This way if we delete navbox it will only remove it from the column but because the column has the same width nothing else on the page moves except whats below navbox gets moved up. I implemented this on my website using flex if you would like to look :3 it makes everything much easier to work with and less precariously positioned because an element is positioned relative to one thing instead of a bunch of things

raybies updated LAURIETARD

2 months ago

blogs.html

blog/yapping.html

1 like

wholecake updated still a wip

2 months ago

sites.html

johnchu updated 點餐系統

2 months ago

monopoly.html

quin updated quinton sung

2 months ago

quinton sung

frutigeraeroarchive updated Frutiger Aero Archive

2 months ago

resources/water.html

resources/trees.html

resources/skyboxes.html

resources/sealife.html

resources/people.html

resources/objects.html

18 likes

uuupah updated my heart's not .init()

2 months ago

infinite_nightmare/index.html

hazardharris296 updated "Hazard Harris" Wright

2 months ago

Hazard_Harris/manifesto.html

"Hazard Harris" Wright

shittymeat999 updated HELLO!!

2 months ago

home.html

guestbook.html

about.html

wholecake

2 months ago

coding takes so much patience bc i want to do my yume shrines NOW but i must wait...

1 like

vanityruins updated vanityruins

2 months ago

about.html

7 likes

wholecake

2 months ago

i miiiiight scrap this layout the formating is making me insane :( but i love it

sealfetti 2 months ago

if you don't already, i really suggest using grid!! theres a lot of css grid generators online & my fav is layoutit.com!! GOOD LUCKKK :3

1 like

bunnymusicreviews updated ♬ bunny's music reviews ♬

2 months ago

♬ bunny's music reviews ♬

birthdayinhawaii2024.html

badgraph1csghost thenitpickycat

2 months ago

i love your site! it's so simple, organised, easy to read, and I especially love that font. it reminds me of a font i made in 2013 called "JustAnotherDay" (only smoother and less jumpy :P)

4 likes

thenitpickycat 2 months ago

Thanks, i appreciate

2 likes

seawonderer updated seawonderer - home

2 months ago

blog/archive.html

blog/posts/20250421.html

dreamy updated ⁂DREAMY⁂

2 months ago

universe/music/index.html

leech/music/index.html

4 likes

caesthoffe updated the archives

2 months ago

music/rise-against.html

test.html

the archives

art/archive/2025.html

music/obsession-archive.html

music/hidden-gems.html

6 likes

caesthoffe 2 months ago

re-doing the rise against page completely, WIP atm

1 like

caesthoffe thegreenman

2 months ago

your site is amazing !! keep it up :)

caesthoffe

2 months ago

finally designed the poetry page in a way that i dont hate and actually like !! removed the 2 column layout, slightly changed the header and removed the set height

3 likes

caesthoffe 2 months ago

also updated the /poetry/muse.html page with my latest entry

3 likes

Neocities.org

Latest Activity > music

Sites

All the latest Neocities site news!

Popular Tags