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