Don't forget about phones!

Question

Hey Spacefolks,

I know we're living like it's 2005, but let's not forget that it's 2021! When you're crafting your CSS, make sure you use media queries to target mobile devices or smaller screens. For my profile, I have a media query set for 600px or smaller, which should cover most use cases.

@media only screen and (max-width: 600px){
	.class { thing }
}

This will make things nicer for when people are on their phones checking out your profile!

Report Topic

Answer

I just saw this and it’s so nice, because I do use strictly my phone until my computer is sent to me in Vegas  from indiana. :(

Answer

Thank you! I'm going crazy trying to edit my profile... I can't find codes that work and seeing it as basic make me sick 🤢

Answer

I try to design my spacepage for all comers but always fall short

Answer

Thank you, this is so useful and aesthetic.

Answer

Hi, yes, I would also like to know what to enter for "thing" in this code Thanks c:

Answer

So you’re going to replace .class { thing } (the whole thing) with any CSS you want to target specifically for mobile. There is no .class targeted in a SpaceHey profile—it’s just a sample.

Answer

I prefer fluid layouts where the width is made with percentages and ems.

Answer

my neocities homepage looks like crap on desktop pc but great on laptop and mobile

Answer

How do u edit on mob

Answer

how does one use this with the div style float images?

« Web, HTML, Tech Forum

Don't forget about phones!

Posted by Cory

10 Replies

Reply by AUTUMN R♡SE

Reply by Vermilion Witch

Reply by Ben

Reply by Echigo420

Reply by Boogley

Reply by Cory

Reply by delicious2003

Reply by Josh 98

Reply by ACE

Reply by Nobody