Wayne's Place | "A Dream You've Had Before"

abnormalsweater.yorniq.xyz

79,768 views
196 followers
10,568 updates
0 tips
How do I make my banner on my index cover all 3 columns so my index looks better on phone? It’s the only thing that looks weird but I don’t want my banner to also look weird on iPad or Computer by making it fit over the columns on phone. Idk how to explain hopefully this makes sense
7 likes
irrelevantreviews's avatar irrelevantreviews 1 month ago

You can use the @media css rule to change properties depending on screen-size. E.g. @media(max-width: 1290px){ colour: red; } would make the text colour of the page red if the page is less than 1290px in width, which is the amount I use for changing the layout for phones on my site. I can't inspect your code rn Im not sure if thisll be any help but maybe a flexbox could help also

1 like
pirahxcx's avatar pirahxcx 1 month ago

just inspect your index, if you were using that column-wrapper I suggested, you should use it only at the top level, all the other divs (left, center, right) inside of it (not each inside a new column-wrapper), flex and width values are conflicting there, it seems like you want center 60% and the other two 20%, so on center-column you can just write flex: 3 (flexbox count becomes 1x+3x+1x = 100%, x=20%)

2 likes
pirahxcx's avatar pirahxcx 1 month ago

if view stills weird on mobile after that, then use media css rules like @irrelevantreviews said, you add his example to style and then inside of it you add a new header, like @media(max-width:XXXXpx){ header {your property changes here} } (that XXXX is because it's different values for phones and tablets, usually 768px for phones and 1024px or 1200px for tablets), fixing one might not fix the other, so you may need

2 likes
pirahxcx's avatar pirahxcx 1 month ago

a different set of rules for each)

2 likes
pirahxcx's avatar pirahxcx 1 month ago

argh, my english, first message was supposed to be "I just inspected your index, if you are using that"

2 likes
oliverspace's avatar oliverspace 1 month ago

to @irrelecantreviews: "colour" man get yo british ass outta here

2 likes
draggianuniverse's avatar draggianuniverse 1 month ago

I set my mobile layouts based on portrait vs. landscape orientation -- that probably isn't the best way to do it, but I know there are some heckin wide phones these days and generally speaking, a vertical window is probably a phone.

1 like
Finally adding SOME Oc content…
12 likes
Wish I named by site waynesplace instead of abnormalsweater. Regrets, regrets. But I’m too worried to rename it.
13 likes
ellevee's avatar ellevee 1 month ago

i think it would be ok to rename! you could change all the links on your end, problem is others changing links on their end... but maybe it would be ok in time idk :,)

4 likes
draggianuniverse's avatar draggianuniverse 1 month ago

When I changed my URL in 2022, I made another site (using a different email) with the old URL and set it to redirect to the new one. That way any links that didn't get updated would still point to me.

2 likes
i love your site! really cool visual style :)
1 like
abnormalsweater's avatar abnormalsweater 1 month ago

AHHH THANK YOUUUUU

1 like
I made a button >:)
1 like
abnormalsweater's avatar abnormalsweater 1 month ago

Ima add it later thanks for telling meeee!!!

1 like

Website Stats

Last updated 2 hours ago
CreatedJan 14, 2024
Site Traffic Stats

Tags

waynesplace blog writing art archive