How to make my website fit all screen resolutions


#1

Hello! I have a website and i am really struggling with making it accessible to any screen resolutions. It currently fits correctly on 1920x1080 but not for others. The text gets all messed up and it's not readable i was wondering if anyone could help me fix my issue? Thankyou and have a great day :slight_smile:
My css codes
Home page - pastebin.com/aJqUip9Z
Ytservices - pastebin.com/H8ACYB02
Twitterservices - pastebin.com/QvcfHwFR
My website - see profile


#2

So you want to make it responsive? Read up on media queries for CSS.
It basically allows you to make your website look a certain way starting at a certain "breakpoint".
eg.

@media only screen and (max-width: 600px){ 
    .mobileIMG {
        max-width: 100%;
	width: 100%;
	height:inherit;			
    }
}

Tells the browser that at 600px the image with that class "mobileIMG" shall fill whatever its containing element is in width. You can change the padding/margin/font-size etc with these.


#3

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.