Neocities allows anyone to create a free web site to express themselves. Want to create your own awesome site? Join us!
oyasumimi
6 months ago
ty for following me back!! your site is so cute, i added your button too! ^_^
kingdomofakibaten
6 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
kingdomofakibaten
6 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
6 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
6 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
6 months ago
https://pastebin.com/E0nyWmr6 this is the actual thing i was working with >.< i feel so bad haha
kingdomofakibaten
6 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
6 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
6 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
6 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
vibequest
6 months ago
I carried a bunch of nuts and cones and they slowed me down. I buried them and it made me sing. I ate a nut and I was stuffed, then I shared one with a nuthatch, and fell asleep on a branch. 10/10 squirrel game update.
oceanfront
6 months ago
my code page is a MESS... i tried to fix it and its a lot better than before but ive just been putting it off because its such a headache
onio
6 months ago
I picked up nuts and cones until my little hands were full, and then I buried them. 10/10 game
art music videogames programming anime games food personal writing cats blog movies books gaming fashion photography comics design animation horror game drawing coding manga furry portfolio technology poetry cute ocs reading arte kpop education programacion history animals musica sports film fun roblox literature html philosophy programing nature science tech travel web videogame politics minecraft gamedev retro school youtube computers cartoons pokemon videojuegos life 2000s love blogging video illustration fantasy diary dogs pink random comic memes internet gardening videos idk test linux webcomic queer nostalgia kawaii oc cooking y2k tv ai arg news fandom aesthetic fanfiction emo business journal worldbuilding cars health silly vocaloid learning stuff crafts media math space fiction films 90s stories website scifi css cutecore football culture cat graphics etc painting arts homestuck software marketing lgbt goth sanrio punk baking 3d commissions journaling pixelart sport archive artist crochet digitalart cinema psychology me diy program characters funny dance dnd metal religion comida trans lgbtq makeup javascript graphicdesign cool entertainment shows fanart development streaming sonic scene code aboutme editing rpg series friends webcomics creativity clothes indie lifestyle roleplay story plants comedy guitar webcore weird languages gay hacking electronics webdesign zines rock ttrpg cyberpunk educacion reviews everything informatica community aesthetics study sewing basketball engineering computer soccer it originalcharacters beauty oldweb fnaf social weirdcore discord spirituality vtuber vintage vaporwave pets project photos about shop information movie clothing architecture storytelling nintendo language coffee html5 flowers testing blogs japan deltarune undertale mlp shopping magic biology cosplay money crypto thoughts digital fitness radio blinkies lore creative nothing book ttrpgs hobbies experimental chat tecnologia physics info furries cybersecurity bugs japanese astronomy alternative singing site websites resume witchcraft birds occult other autism wip fandoms futbol lain juegos finance research anything profile band dolls television gamedevelopment sleeping vr sleep events theatre projects system ghchs tvshows apps crafting work genshin linguistics webdevelopment carrd splatoon photo python personalwebsite fish vampires transgender free dreams all meme knitting interests toys rap developer astrology fanfic pixels windows mentalhealth aliens puzzle fortnite wiki robots deportes yaoi app collecting drawings dog touhou family animations coquette a moda dancing poems bio cartoon security stamps english romance tarot skateboarding gothic visualnovels marvel pizza fnf online links intro humor modding adventure data hiking mathematics osc interactive medicine characterdesign teaching lol journalism gatos roleplaying fansite gallery essays gamedesign no dragons mystery frutigeraero gyaru gym chess animes rp zine twitch zonelets creepypasta hobby objectshows gifs jfashion breakcore resources pixel ffxiv home scenecore tf2 meow twine mythology noise hiphop privacy puzzles dreamcore death ocean law vkei traveling popculture graphic musicals android myself novels podcast audio danganronpa introduction piano blender progamming recipes birthday rpgs ecommerce dark communism swag yuri robotics bfdi stars car plushies shrine hellokitty socialmedia indiegames awesome style activism none pictures deporte paranormal omori boardgames production educational pjsk lolita girls foods christianity running studying misc electronic bitcoin bunnies jogos student things wrestling utau mario lesbian feminism jewelry anarchism travelling spanish scratch old god vent webdev computing filmmaking clowns sharks outdoors 80s geography realestate store vtubers unblocked designing java dev flash doom grunge pc volleyball pinterest maths jpop images songs starwars 3dmodeling craft college environment peliculas transformers brasil tumblr help dinosaurs stickers creepy tools trains amor epic bts computerscience cafe event collage jazz escuela baseball translation yoga plurality warriorcats chemistry novel collection blue pastel acting services js bl programar construction cyber southpark persona programas lego cine mcr retrogaming multimedia tabletop tcc podcasts monsters jesus tea libros otherkin forum gamer theater estudiante therian horses fotografia truecrime weed whatever yes videoediting supernatural techno shoes enstars args trading hardware weather medical miku skating pop homepage programmer alt search insects curso turismo angels cricket freedom kirby opensource vlog people videography salud tiktok cozy kidcore hi modeling skincare dc manhwa maps closedspecies economics drama learn surrealism lgbtqia halloween swimming sound kandi draw dj socialism historia vhs restaurant bsd digitalmarketing ecology petz f1 ropa hockey shitposting ideas service world artwork green animanga girly text analysis tourism fishing depression tattoos furniture bible conspiracy edm egl author animales cv nerd drugs blockchain literatura rats cleaning academia did homework cultura frogs racing healthcare surreal tennis plural chatting women cryptocurrency scary chill mobile academic 3dprinting general kdrama bands sculpture trinkets sciencefiction videogaming whimsy informacion friendship species programa networking brazil hair tutorials library wedding hardcore christian truth alterhuman knowledge filmes rpgmaker sociology miriadax visualnovel soft analog foss eating water ghosts ambient genshinimpact practice aviation estudio mods creation glitch thrifting society anarchy css3 programacao university quotes server retrogames colors jjba conlang gacha cryptids erotica google company onepiece sustainability sites guns batman anthropology ux live cycling graffiti livros class sketching review bot twitter noticias artes programs neocities schoolproject purple character kids revival cs wellness blood writer shitpost lostmedia garden medieval crime instagram bikes startrek advertising archives superheroes theology mangas forsaken camping vampire webseries esoteric harrypotter frontend theory analoghorror otaku magazine dating writting disney play rhythmgames articles rants evangelion industrial tattoo 3dart cards animal ultrakill idols talking interactivefiction church training synthesizers meditation nails spiderman performance os prompts building future liminal ceramics illustrations apple house unblockedgames handmade jobs youtuber datascience spooky shrines tecnology yapping tareas content tarea viajes party concerts finalfantasy decor chaos selfship french notes originalcharacter zelda crocheting shoegaze exercise designer vrchat silliness doodles voiceacting rambling communication facts magick hack paganism new disability mylittlepony entretenimiento satire cult neopets desing something embroidery repair sims calculator animalcrossing rainbow geek photoshop jokes cheese folklore tic visualkei creatures musicproduction halflife overwatch miscellaneous desarrollo download creating php joke developing black anthro terror tokipona sweets kink marxism vtubing commission military club ar spiritual conlangs shifting vinyl trabajo vegan scp quiz bass webring private self hotel projectsekai happy crk mtg tips oldroblox vlogs musics agriculture beach archival adhd kdramas pet yugioh tokusatsu islam more seals arcane mushrooms animating index doctorwho songwriting beginner csgo generator scrapbooking map lolitafashion secret ranfren motorcycles mecha underground creativewriting kin gender 4chan musician casino randomstuff rave red drinks vibes stupid hosting collections words 1 time tamagotchi city beer zombies cities products fanfics edits mha ciencia dungeonsanddragons ui productivity studies tutorial proyecto lofi sanat retrocomputing streamer oldinternet digimon daily
awww thank you sm ;u;