@mariogalindov It can be a little complicated because the grid controls the width of the images, so if they have different aspect ratios, they get clipped or distorted. Here are a few approaches: https://scotch.io/bar-talk/different-tricks-on-how-to-make-bootstrap-columns-all-the-same-height
I think the easiest way, when dealing with only a handful of images, is to just edit them in a photo editor so they are all the same size.
I think the easiest way, when dealing with only a handful of images, is to just edit them in a photo editor so they are all the same size.
@mariogalindov you could use max-height, but the slash thumbnail is a different shape than the others, so that particular thumbnail will always be different height or width than the others unless you edit the actual image, or you could put it in a div with a black background, so you would have black bars on either the top/bottom or left/right. if it's possible to make the image bigger without losing quality, you could make the container overflow: hidden;
:star2: 1385 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@jchiang7874 It takes some time to go out to the quotes API server and get the quote (a few hundred milliseconds). All of the code inside your getJSON function runs after the response from the quotes API server is complete. The code outside of it runs immediately. So, you were clearing contents that had already been cleared while waiting to get the updated quote text - if that makes sense ;)
why my navigation bar menu is not changing upon scrolling
@detour26
:warning: could not find receiver for armynational
:cookie: 304 | @asparism |http://www.freecodecamp.com/asparism
:star2: 1386 | @tylermoeller |http://www.freecodecamp.com/tylermoeller
@mrs-coder What you're looking for is called Scroll Spy. Here are the instructions: http://getbootstrap.com/javascript/#scrollspy
hey guys just need a little help here:
function getCount(str) {
var vowelsCount = 0;
str.split(' ')
switch (str){
case "a": vowelsCount + 1;
break;
case "e": vowelsCount + 1;
break;
case "i": vowelsCount + 1;
break;
case "o": vowelsCount + 1;
break;
case "u": vowelsCount + 1;
break;
};
return vowelsCount;
}
just need to return the vowel count in a given string
probably not using the split property correctly though
could anybody help for the following 2 questions?
var arr = [
[0,0,0]
];
var x=[...arr, [1,1,1,]]
console.log(x)//[ [ 0, 0, 0 ], [ 1, 1, 1 ] ]
x[0][0]=1;
console.log(x)//[ [ 1, 0, 0 ], [ 1, 1, 1 ] ]
console.log(arr)//[ [ 1, 0, 0 ] ]---> why use spread operator, the arr element is still changed?var arr = [
[0,0,0]
];
var x=arr.concat([[1,1,1]]);
console.log(x)//[ [ 0, 0, 0 ], [ 1, 1, 1 ] ]
x[0][0]=1;
console.log(x)//[ [ 1, 0, 0 ], [ 1, 1, 1 ] ]
console.log(arr)//[ [ 1, 0, 0 ] ]---> why use concat, the arr element is still changed?
@c0d0er Not sure how to answer that question - I'd have to know the context.
.concat() vs. spread operator for a case like that, I mean
@c0d0er Or are you asking why the original
arr changes when you're only updating x?
@TylerMoeller i am asking
why the original arr changes when you're only updating x?
@c0d0er
c0d0er sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
@c0d0er It isn't an easy answer, unfortunately :) http://stackoverflow.com/questions/728360/how-do-i-correctly-clone-a-javascript-object
For a shallow copy, you can just do:
var copyOfMyArray = myArray.slice(0);
function getCount(str) {
var sum=0
var i = str.split(");
switch (i){
case 'a': sum + 1;
break;
case 'e': sum +1;
break;
case 'i': sum + 1;
break;
case 'o': sum + 1;
break;
case 'u': sum + 1;
break;
};
return sum
}:warning: c0d0er already gave tylermoeller points