:cookie: 375 | @konikodes |http://www.freecodecamp.com/konikodes
I just saw a bunch of porn...
@zarruk My error, although you may still want to call the async: false. Look at your console log. You are telling it to return the myVar which is the keyboard is entered. You are not telling it to return the search results, but the search term. So your console is returning what was typed in the search box.
@VaseJS Thank you for your help! :-)
@mhdavis On codepen, you have add the bootstrap for css, but it needs something like this <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" /> if the html settings so that it knows to resize everything to the viewport size. Under stuff for head. Also, your header links should be placed into the css settings as additional stylesheets, and not in the html coding. This is only true for codepen.
also I'm not super familiar with fixing the <meta> so I guess i should google that to see what sort of things its responsible for in the html
it seems like from what you are suggesting it mainly affects how elements on the page fit depending on the device loading the page
@mhdavis No, that's is not necessary. try this for the nav: <body data-spy="scroll" data-target=".navbar" data-offset="0">
<!-- navigation --> Yes, exactly - the page is resizable with bootstrap help, but you need to size according to viewport - so it's better to add it (in the meta tag). Google viewport and resize, see if that helps.
<!-- navigation --> Yes, exactly - the page is resizable with bootstrap help, but you need to size according to viewport - so it's better to add it (in the meta tag). Google viewport and resize, see if that helps.
also adding stuff you suggested to the body made it so as I scroll down the page, the particular sectiont that im on in the page is highlighted in the navbar, which is pretty neat
@mhdavis Instead of push, use offset instead:
<div class="col-md-2 col-md-offset-1">
<img class="smaller-image" id="profile-pic" src="https://pbs.twimg.com/profile_images/611301315264839681/43NNwpaH.jpg" alt="Picture of Me">
</div>
<div class="col-md-7 col-md-offset-2" id="jumb-info">Adjust the top and bottom margins of your profile picture to position it correctly on smaller screen sizes.
@KoniKodes I also included the <meta> line but am not sure on how to tweak the settings to make sure things are working properly
@TylerMoeller yea that works perfectly, the problem i still run into tho is if you decrease the width of the page, the bottom social media buttons still clip out from the jumbotron section
@TylerMoeller likewise, decreasing the page width also results in the lettering "designs built from first principles" overlaping a little with the image
p.s. @TylerMoeller and @KoniKodes thanks for taking the time really appreciate it!
mhdavis sends brownie points to @tylermoeller and @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 376 | @konikodes |http://www.freecodecamp.com/konikodes
This message was deleted
but for some reason tweaking the margin-right doesn't seem to change the spacing on the lettering to the right of the picture
tfw I spend the past 30 minutes wondering why my newbie react app is not working and trying all sort of debugging only to find out that I was using module.exports like this "module.exports(MyModule)" instead of this "module.exports = MyModule"
<body data-spy="scroll" data-target=".navbar" data-offset="0">
http://codepen.io/zarruk/pen/jrByJq?editors=0010
why is my getjson giving me an array instead of a json, anybody knows?
This message was deleted