@donealbercier - looks like a good start. You don't have your collapsible navbar set up with the "hamburger" icon - you need that to make it usable when your window gets narrow. You'll also need to add jquery.js and bootstrap.js in your JS external libs, because that is how the expansion of the collapsed navbar is achieved. And it looks like you don't have all of the navbar sections linked up to the proper sections in the content area - but that's probably just as you've posted a snapshot of your current work. Looks like it's a good start!

I am still struggling on my quote generator challenge. I can’t figure out how to access this .json library. If i load the link into my browser I can tell it is creating different quotes. But when I try to sort it into my page, no content is generated.

@blkgurlcode - definitely the absolute positioning will not let your text flow into a good position on a narrow screen. Just looking at your main <h1> setup - the left position of 350px will be that no matter the screen width. So it will just get kind of messy...

@blkgurlcode - I figured that is what you were trying to do, that's usually the reason for doing things like that. But you will have trouble with responsive behavior unless you design that in somehow - use some media queries, perhaps, or use Bootstrap or something...

@evakri for a simple project like the static tribute page I would recommend to just use your own plain css and not a framework like bs. this way you will learn on how to style your html tags and then looking at some framework code you will be able to understand whats going on under the hood.

@joshandevera I don't think you are linking to them <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css"> see http://www.w3schools.com/icons/

@ioanniswd I have an initial first page. It's a div named "firstPage". It contains a banner and 2 following sections: "intro ductory_paragrph and "skills". All 3 flexbox items should take up 100% of the viewspace.. but for some reason there is a white section under "skills" and I can't figure out what is causing it!

@kirbyedy Thanks for pointing that out! .. however, now that leads to the opposite problem.. The whitebanner is gone... but the next element shows up where the white banner was. How do I make it so that just the contents of .firstPage fill the Viewport?

@kirbyedy yeah.. that doesn't really work either.. now the height of the skills section extends beyond the bottom border. My understanding was that each unit of vh is 1 % of view space! so Naturally I thought 10vh for the banner, 40 vh for the intro and 50vh for the skills would fill the space!!!

Another puzzle I haven't solved is that the banner "nav-bar" section does not take its own space.. instead it floats over the top of the next element!

@leecopland easy like : what u have within the <body></body> tags copy paste into the html part of codepen. for css and js apply same rule in the corresponding panel of codepen. for loading links, libs, fonts, metadata whatever go to codepen settings and you ul find the tabs there

@leecopland each codepen panel have a down arrow button with a few options that will help you nice formatting the code in the panel or check for errors in your code

@leecopland coz for front face color u should use color: #hex rgb whatever color here, and for background you will use background, or background-color: the color u want. just let me know where do u want to apply a certain bg and what foreground do u want for it

i have three buttons... when i click one button i wanna give to third button a function, when i click second button i wanna give to third another function. how can i toggle between giving third button one or another function, depending on witch button i clicked

@drecurrency what do you mean using bs only? bs is just css (excepting js part). as far as i know boostrap does not have a class for full image backgrounds. you should just implement it in css. here some ref: https://css-tricks.com/perfect-full-page-background-image/ if you want to achieve this

It seems to be communicating with the sql database and I've been able to get js alerts to run. I even got it to work when I was just inserting some text next to the #siteTitleInput div. The problem arose when I tried to add a class to the new div.

@awb715 - this looks like it is working - at least it is reading the word "test" from the input element and outputting to the console? Is that all that you're trying to do, or am I missing some part of your question?

Hello, I’m struggling on this random quote generator. I’ve built something that works ok in Atom, when I put it in Codepen it won’t generate the quotes anymore. Can someone help me find what’s causing my code to be unresponsive? thank you!http://codepen.io/djangoearnhardt/pen/woKBzJ

How long does it take most people to complete the "Build a Personal Portfolio Webpage" challenge? The app shown in the challenge seems incredibly refined. No idea how to create something even remotely similar

@Thayyebsalim - I think that the page looks nice. There is a lot of information there, but nicely laid out and easy to read. One suggestion is that instead of using a fixed width or height on the image, use max-height: 800px; it makes for better responsive behavior, the image won't get "pinched" on different screen sizes.

@djangoearnhardt The url should have ?text= in it: https://www.twitter.com/intent/tweet?text=. Keep in mind, if you call the API again for the tweet text, you'll be tweeting a different quote than what you have on the page.

@djangoearnhardt You can read them from the page $('.message').text(), or you can update the href value like you had earlier, a couple posts above and place that code in the same anonymous function you use for displaying the quote on the page.

Just make sure to use target="_blank" in codepen URLs so they open in a new tab

I am working on my quote machine and I would like to render <p>{this.state.quote}</p> and I can see the quote in App.state using react dev tools in codepen debug view, but it doesn't work when I add the jsx to render(), any pointers would be much appreciated: http://codepen.io/repeterande/pen/pNJjzE?editors=1010

hey guys, I managed to get my modal image right for the first menu item on this website: https://amitp88.github.io/Khmer-Family-Cafe/ but I'm struggling to figure out how to add them to the rest of the menu items when I look at the javascript part

Hello world, i'm practicing with bootstrap and responding.I'm trying to use a minimum of CSS, only HTML and bootstrap to reach a goal. Look, and please give a comment!:) https://codepen.io/AnicicZ/pen/NbWJNd