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
My css codes
Home page - pastebin.com/aJqUip9Z
Ytservices - pastebin.com/H8ACYB02
Twitterservices - pastebin.com/QvcfHwFR
My website - see profile
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.
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.