The portfolio project is a big jump in difficulty. If you have both done all the freeCodeCamp challenges leading up to this project, then you have the vocabulary and basic understanding of how to do research now. Expect the project to take a good 20-30hrs. It is a big one that will require a lot of reading and web searching.

@Twitchy-Cake They aren't centered because they are in 2 md-2 columns. There are 12 columns in a row, so they are taking up the first four columns on the left if that makes sense. Use grid offsets to put them in the center: https://getbootstrap.com/css/#grid-offsetting

For the Twitch TV channel project, is there a preferred way to handle requesting information for multiple channels at once? Is there some way to request info from all the channels with a single request instead of multiple $.getJSON()s? http://codepen.io/engineerwithoutfear/pen/PbmKrR <---this for loop did not work as expected, lol

@asparism - I'm just trying to sort out what your code is doing - I like the slider setting for the timers, that's cool! (Although it seems that you wouldn't want to make it go to zero?)You might find it a little simpler to deal with the time values if you just store the countdown times in seconds, and just output to mm:ss as needed, it eliminates the complication of tracking minutes and seconds and the manipulation of them.I think that you might not be resetting the whichBlock variable after you count down, although from what I see when I run the clock, only the first bar shrinks, and then nothing else happens with the bars? I set the timer to 1 minute for each phase. It seems to stop after the first bar. I haven't tried to debug what's going on there?I hope that gives you a little something to go on? I'm going to be checking out for the night, good luck with your project!

http://codepen.io/frankmaayn/pen/rWwEXJ?editors=1100 I'm working on this page, and I am having some trouble. What do you put so that the pictures, fonts, and characters will adjust to any screen size? I already included <head> <meta name="viewport" content="width=device-width, initial-scale=1></head>

When i click the page link on a phone.. all of the contents are smudge together; they don't adjust..

try refreshing your browser too @sfshameem5, if that doesn't work you should still be able to type into the editor it'll just look weird where the cursor is placed i believe, ive seen this happen before

Hey all, I am coding my Personal Portfolio webpage. I have used a bootstrap template and plan to switch out different parts of the format/arrangement to suit my needs. The problem I am currently having is putting an image in the timeline. The image I'm importing from cloudinary doesn't take up the whole circle? Any ideas why that might be? After I've got what I want laid out I plan to build it again using only html no bootstrap. I appreciate that's maybe not how some of you would go about it but it makes sense to me and the way that I learn. Anyway here's the pen, any ideas, I'd be very grateful if you could take a look. Thanks http://codepen.io/codecampamy/pen/gLRqGv

Hi guys. I'm having a frustrating problem with the Simon project. I have a timeout function cycling through an array of randomly generated numbers. As it gets to each number, it lights up a different color. The problem I'm having is it rushes through the first 1 or 2 colors before properly timing the rest of the colors, and I can't figure out where to put my timeout function to fix this. Here's my code:http://codepen.io/bd1887/pen/qqpvzR?editors=0111

If you push the "start" button, it will start cycling through the colors

@bestintown23 To expand on what I was talking about yesterday with adding sections, remove your 800px margin-top from your CSS for all of your sections. Use min-height to specify how big you want each section to be. Add more sections as needed. You can apply a background image to individual sections or place <img> tags inside each section to display different images. A basic outline could be:

@dmurphy5 Bootstrap grid requires a div with a container class, then another div with a row class inside of that, followed by more divs with up to 12 columns inside each row. Your elements are jumping around because you have set up a div as both a container and a row with more than 12 columns inside of that.

@clockwerkz So there are two things to check; if you have an adblocker, disable it for now or add codepen to the exceptions list; also go up to your browser's url bar and make sure you are loading codepen in http:// not https://

i was never told to look out for this until yesterday, so that was extremely frustrating trying to get things to work

unless you are failing to get your geolocation data, that is a different issue having to do with chrome

i think it has to do with the last few updates and chromes allowance of unsecured protocols, currently havent found a workaround to that yet other than just removing the 's' in https although that is not recommended

yeah, you need to get your geolocation from a different source, like the api i listed above, Chrome 50 update prevents apps from collecting geolocation data using that function. That was a specific problem i ran into. If you change that, your app should work

@tommygebru Guess the other names in the streamer list are not accessible at all (No account anymore) So they don't show up in the success callback. They instead enter the error callback. You gotta handle that one

Question: I'm wrapping up my Twitch project. Even though I traverse the array of users in order, my listings of users/statuses populates in a different order every time I refresh. At first, I thought this was because of the asynchronous nature of ajax. However, I set async to false and it still populates in a different order. Sometimes, listings don't even show up. (This fails to meet one of the user stories that we must (always) be able to see if freecodecamp is streaming.) Any ideas? http://codepen.io/HomerAllen/pen/NbyqZv

@tommygebru Hmm, I can't get the ionicon to display either, would have to look into it more. If you are not against using Font Awesome, you can use the same icon with this code:<div class="stream-bar flex center">STREAMERS&nbsp;&nbsp;<i class="fa fa-angle-down fa-lg" aria-hidden="true"></i></div>Just replace the ionicon CSS with the Font Awesome CSS in your codepen settings to get it working: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css

@zKruki I'm guessing you want this, but I'm sorry, I don't understand what you want it to look like below/above 700px. I understand clearing css and floating left, but not sure what you want to achieve visually by doing that.