amitp88 sends brownie points to @vinaypuppal :sparkles: :thumbsup: :sparkles:
:cookie: 576 | @vinaypuppal |http://www.freecodecamp.com/vinaypuppal
nancicarmona sends brownie points to @n1ckl3 and @gregatgit :sparkles: :thumbsup: :sparkles:
:cookie: 124 | @n1ckl3 |http://www.freecodecamp.com/n1ckl3
:cookie: 766 | @gregatgit |http://www.freecodecamp.com/gregatgit
n1ckl3 sends brownie points to @nancicarmona :sparkles: :thumbsup: :sparkles:
:cookie: 119 | @nancicarmona |http://www.freecodecamp.com/nancicarmona
background-size: cover
in your CSS? The image might be too small resolution-wise for your screen
container-fluid
class
class="fa fa-twitter"
work in codepen.io. Help?
:cookie: 268 | @guiliom |http://www.freecodecamp.com/guiliom
amitp88 sends brownie points to @guiliom :sparkles: :thumbsup: :sparkles:
amitp88 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 726 | @sorinr |http://www.freecodecamp.com/sorinr
Hello people! I am working on my tribute page: audreydogbeh.com/projects/mattcorby
I am happy with how it looks on desktops, but I have an issue with the look on mobile. I have the background image set with this CSS:
body {
background: #000 url('../images/mattcorbysmall.jpg') no-repeat left top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Open Sans", sans-serif;
color: #ddd;
}
@media (min-width:768px){
body{
background: #000 url('../images/mattcorby.jpg') no-repeat left top fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Open Sans", sans-serif;
color: #ddd;
}
}
(the media query is here to avoid loading the larger image on small devices and saving a bit of data)
When I load the page on my phone (Samsung Galaxy S4 - Chrome), the background image is all zoomed in. "cover" does not seem to work here. I would love any piece of advice here and if you see something else that looks weird on a different device, the feedback is very welcome. Thanks!
mohammadhasham sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1722 | @khaduch |http://www.freecodecamp.com/khaduch
mohammadhasham sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave khaduch points
<button id = "newQuote" class = "left btn btn-primary"> New Quote</button>
$(".newQuote").on('click', getQuote);
arya45 sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 728 | @sorinr |http://www.freecodecamp.com/sorinr
annallon sends brownie points to @garysiu :sparkles: :thumbsup: :sparkles:
:cookie: 379 | @garysiu |http://www.freecodecamp.com/garysiu
annallon sends brownie points to @garysiu :sparkles: :thumbsup: :sparkles:
:warning: annallon already gave garysiu points
https://crossorigin.me/
in front of your openweather URL to get to openweather over http from a site with https: which chrome requires to get geolocation.https://crossorigin.me/http://api.openweathermap.org/data/2.5/weather
sharkevan sends brownie points to @garysiu :sparkles: :thumbsup: :sparkles:
:cookie: 380 | @garysiu |http://www.freecodecamp.com/garysiu
gmiller64 sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3481 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
.cap-text {
font-size: 16px;
margin-bottom: 0;
}
@Noigallardo You can type in the html into the html section.
<div>
<h1>Hello World</h1>
</div>
And it should show in the output panel
sharkevan sends brownie points to @garysiu and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:warning: sharkevan already gave garysiu points
:star2: 3483 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
annallon sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:
:cookie: 607 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns
$(".quote").html(Quote);
annallon sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3485 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
mohammadhasham sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:warning: mohammadhasham already gave sjames1958gm points
$("#search").on("keydown", function(e) {
if (e.keyCode == 13) {
e.preventDefault();
handleSearch();
}
});
});
zarruk sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3487 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
e.keyCode == 13
. Why 13?
e.preventDefault()
and handleSearch()
methods?
enter
key in your keyboard
$.getJSON("http://quotesondesign.com/wp-json/posts?filter[orderby]=rand&filter[posts_per_page]=10&callback=", function(a) {
var index = lastIndex;
while (index == lastIndex) {
var index = Math.floor(Math.random() * 10);
}
lastIndex = index;
Quote= a[index].content;
Title= a[index].title;
annallon sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3488 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
$('.quote-text').animate({
this in the middle of your $.ajax call
zarruk sends brownie points to @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 3489 | @sjames1958gm |http://www.freecodecamp.com/sjames1958gm
@MohammadHasham
can anyone help me with tic tac toe project how can i just stop the values from changing
In the first dialog box enter '1' and in the second dialog box enter 'X'
color: white;
border-color: #EB0029;
background-color:red;
.btn-primary: hover {
color: white;
border-color: #EB0029;
background-color:red;
}
I have this
can anyone help me with tic tac toe project how can i just stop the values from changing
In the first dialog box enter '1' and in the second dialog box enter 'X'
serg337 sends brownie points to @aprim05 :sparkles: :thumbsup: :sparkles:
:cookie: 235 | @aprim05 |http://www.freecodecamp.com/aprim05
serg337 sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 374 | @konikodes |http://www.freecodecamp.com/konikodes
:cookie: 278 | @serg337 |http://www.freecodecamp.com/serg337
konikodes sends brownie points to @serg337 :sparkles: :thumbsup: :sparkles:
amitp88 sends brownie points to @leebut :sparkles: :thumbsup: :sparkles:
:cookie: 297 | @leebut |http://www.freecodecamp.com/leebut
zarruk sends brownie points to @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 375 | @konikodes |http://www.freecodecamp.com/konikodes
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
@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.
<div class="col-md-8 col-md-offset-1" id="jumb-info">
:cookie: 849 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
mhdavis sends brownie points to @tylermoeller and @konikodes :sparkles: :thumbsup: :sparkles:
:cookie: 376 | @konikodes |http://www.freecodecamp.com/konikodes
<body data-spy="scroll" data-target=".navbar" data-offset="0">
so that the color isn't grey persay
http://codepen.io/zarruk/pen/jrByJq?editors=0010
why is my getjson giving me an array instead of a json, anybody knows?
https://crossorigin.me/https://en.wikipedia.org/w/api.php?action=opensearch&search=" + myVar + "&format=json&callback=?"
, right?
hey guys can anyone tell me why I have white space on the bottom of my doc on this?