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 Build a Responsive Website Responsive Design Content Defined Breakpoints

benjamin perodeau
benjamin perodeau
7,469 Points

stumptown

I can't figure out what this item--task 1 of 3--wants me to provide. The programmed hints for the various ways I've failed are too vague or inconsistent with what I've done to the code.

6 Answers

Erik McClintock
Erik McClintock
45,783 Points

Benjamin,

The challenge is asking you to write a Media Query in the CSS file that watches for the max-width of the viewport to be 705px. Inside your media query, you need to set .grid_1 through .grid_6 to have a width of 100% each.

Does this rephrasing help?

Erik

Erik McClintock
Erik McClintock
45,783 Points

The error reporting for the challenges is only so intelligent, and unfortunately it does seem to like to repeat itself, even if what it's repeating isn't actually the problem. The following code worked for me (my guess is that it's similar to what you've tried, and that perhaps you were just missing a character somewhere):

@media screen and (max-width: 705px) {
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 {
        width: 100%;
    }
}

Erik

benjamin perodeau
benjamin perodeau
7,469 Points

Thanks Erik. I've been on the fence for maybe four years now, thinking I'd make better use of my time by not committing to learning these languages. I could have learned everything I need to know a few times over in that period. So I am finally ready to go for it. Reassuring to know that your effort paid off. Ben

benjamin perodeau
benjamin perodeau
7,469 Points

I think I've done this already. I have tried several different tweaks to make the code acceptable, but I'll get inane error messages like 'make sure it's set to 705px.'

benjamin perodeau
benjamin perodeau
7,469 Points

Thanks. I input the following and received 'be sure to set the media query at 705px' msg.

@media screen and (max-width: 705px) { .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6 { width: 100%; } }

Erik McClintock
Erik McClintock
45,783 Points

Benjamin,

Are you sure you're putting it in the right place? Style.css, at the bottom of the file? When I copy and paste exactly what you have in your comment above, it checks out in the challenge.

Erik

benjamin perodeau
benjamin perodeau
7,469 Points

Oh fiddle! I was replacing an existing section with my code. Thank you!

I see you've done 10k worth of treehouse. Were you already writing code before doing this? How far along were you in treehouse before you could venture out and produce working code?

Erik McClintock
Erik McClintock
45,783 Points

Benjamin,

My pleasure! Glad I could help :)

I had a little experience with coding from personal studies prior to joining Treehouse, via books and other online resources. I landed a software tester contract at Microsoft a couple of years ago, which is where I first got interested in code, and the software that I was testing was being written in the OOP language C#, so I started with that.

I got to a point where I didn't have time to study as much anymore, but then when I came back to it, I wanted to try something fresh, and decided to pursue web design and development...and I haven't looked back! For web development, I bought a handful of books (the series is "Head First"; they have a wide range of topics, and their books are laid out in a very thoughtful way, and they include projects and quizzes and puzzles and things to help you recall information. I highly recommend them - http://www.headfirstlabs.com/books/hfwd/) and used a few free online resources, but then I came across Treehouse and found that I preferred their style and the depth at which they taught their topics, so I gladly got a paid membership once my two week trial was up.

The reason I mention all of that is, despite everything I had done before, I didn't feel like things were sticking as well as they could be. Coming to Treehouse changed that. My dabbling in code before definitely helped me get through some of the more difficult sections here, but the people at this company have really helped everything sink in. To answer the "how far along were you" part of your question: you have to take it piece by piece, really. There wasn't necessarily a set amount of time, or a set number of courses in; your abilities will build on top of each other as you practice them. For me, personally, though, if I had to give an amount of time, I'd say it was probably a solid month or two before I could confidently look at a blank text editor and produce a working site (with front-end code).

As you learn new topics, or even just new little tricks, you have to practice it a bit on your own to allow the information to really settle into your brain. As you learn about floats, practice the hell out of floats in all different configurations to really grasp the intricacies and difficulties with them. As you learn about responsive web design and images, make some quick little dummy pages that test those practices. Read articles, watch videos, look at examples of other sites that you find on the web that catch your eye and View Source to see if you can pick them apart and figure out how they work. It's really all about being willing to spend the time to dig in deep and devote yourself, and to stick to your guns when you tell yourself and others "I'm going to learn this". Eventually, you will :)

I hope that wasn't too belabored, or (somehow) too vague! Believe me, though, only a few short months ago, I was skeptical and down on myself and felt like I would never be able to remember or learn all of the languages and rules that go into making web sites...but here I am now, and I can confidently build you a beautiful, responsive, semantically correct website from scratch, all because of spending 2-3 months (6-8 hours a day, 4-5 days a week, no joke) with Treehouse.

Erik