Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Responsive Web Design and Testing Adding Breakpoints for Devices

Lauren Stephenson
Lauren Stephenson
2,747 Points

break points

i copy and pasted <link rel="stylesheet" href="css/responsive.css"> under <link rel="stylesheet" href="css/main.css"> in index.html, about.html, and contact.html. However when changing css in responsive file it is only affecting the contact page. Please help.

5 Answers

Hi! Can you paste your exact code ?

Lauren,

We'd need some more info. Maybe your code pasted onto http://codepen.io and a link placed here. Thanks

Hi , Everything should work correct if you copy and paste the code and it works on another. Look in every page that the name is spelled correct and its in the same folder . Make sure that in you contact page you have a include code to css file. This should work fine.

If thats not enough or not helping , it will be better if you poste the code.

Lauren Stephenson
Lauren Stephenson
2,747 Points

this is index.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Lauren Stephenson | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> </head>

about.html

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Lauren Stephenson | Designer</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> </head>

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Lauren Stephenson | Student of life</title> <link rel="stylesheet" href="css/normalize.css"> <link href='http://fonts.googleapis.com/css?family=Changa+One|Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> </head>

add your code on codepen or just look on your right on " Tips for asking questions" . BDW the best way is if you paste all of your code here . eg Ur CSS then after ur first page , second page ,third etc... that would help us to see the problem if we can find it but surely sm1 will see it .

Can you paste the exact source code of your HTML pages and your CSS stylesheet.

You can do this best if you wrap your code here with 3 backticks.

It should look like this example:

<html> <p>Hello world...</p> </html>