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

Business

Farouk Charkas
Farouk Charkas
1,957 Points
Posted by Farouk Charkas
Farouk Charkas
1,957 Points

How do I make my website mobile friendly?

How do I make my website mobile friendly? My website is http://www.one-eight-nine.ga

2 Answers

Anton Ostrovsky
Anton Ostrovsky
10,595 Points
Anton Ostrovsky
Anton Ostrovsky
10,595 Points

First of all, from a design standpoint your website is real ***** and your source code looks even worse. So i'd focus on improving that first and foremost, especially since you have all the tools at your disposal at treehouse.

https://teamtreehouse.com/library/css-basics/designing-with-the-latest-features/media-queries https://teamtreehouse.com/library/responsive-layouts https://teamtreehouse.com/library/css-beyond-the-basics/working-with-media-queries/media-features-and-media-types

Hope this helps.

AFIR MOURAD TAHAR
AFIR MOURAD TAHAR
3,766 Points
AFIR MOURAD TAHAR
AFIR MOURAD TAHAR
3,766 Points

Inspecting your webpage, I couldn't see what is inside your styles.css. may be it is a bad one.

Anton is right. Try to learn CSS and then I'm sure you will be able to format your website better. Go to the links Anton has mentioned.

Below is your inspected webpage.

<head> <title> 189 </title> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/javascript" async="" src="http://www.1freehosting.com/cdn/ga.js"></script><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><script src="http://www.parsecdn.com/js/parse-1.6.7.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Search the World's Facts with a complete set of sources and headlines."> <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16"> <link rel="stylesheet" href="styles.css">

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

</head>