These are chat archives for FreeCodeCamp/HelpFrontEnd

17th
Feb 2018
Joe Narvaez
@wordyallen
Feb 17 2018 00:31
can someone give me feedback on my portfolio?
aRtoo
@artoodeeto
Feb 17 2018 01:04
https://codepen.io/artoo/pen/bLaedJ
hey guys i have a question about my hover animation. if you hover on the HTML5 it will hover multiple times. any idea? try the html 5 guys. thanks
Tom
@moT01
Feb 17 2018 01:35
@wordyallen not without sharing it
@artoodeeto got it figured out? seems to be working
aRtoo
@artoodeeto
Feb 17 2018 01:36
@moT01 no. it will still rotate multiple times.
tried tageting the svg too it will still rotate multiple times
Tom
@moT01
Feb 17 2018 01:37
i dunno man, looks like its just rotates the 180degrees to me - i cant reproduce - maybe try another browser
its messin with me - i feel like im seeing it happen - but only when im not looking right at it
TA-Bot
@TA-Bot
Feb 17 2018 01:51
@moT01 this is wordyallen. here' ya go
I gotta bounce before the fuzz comes for me. but I'll will await your review kind sir
:D
aRtoo
@artoodeeto
Feb 17 2018 01:57
@moT01 hey bro thanks im using firefox developer edition.
CamperBot
@camperbot
Feb 17 2018 01:57
:star2: 1004 | @mot01 |http://www.freecodecamp.org/mot01
Lean Junio
@leanjunio
Feb 17 2018 02:00
hey guys, is MEAN stack comparable with Meteorjs and Adonisjs?
In the sense that, are they practically the same thing with different features?
Tom
@moT01
Feb 17 2018 02:08
mean stands for mongo express angular node
im guessing meteor and adonis would be more like substitutes with the angular
im not sure - havent used either - or heard of them much
alfredim88
@alfredim88
Feb 17 2018 02:09
Hello everybody!
I'm stuck in the advanced algorithm scripting - inventory update
anyone can help me? I passed every step except 1 because cannot read undefined property
Lean Junio
@leanjunio
Feb 17 2018 02:09
@moT01 Yeah, I get that. However, I'm not seeing a lot of companies listing Adonis or Meteor as their framework
Tom
@moT01
Feb 17 2018 02:10
yea, react and angular I think are the two big ones
and maybe vue
Lean Junio
@leanjunio
Feb 17 2018 02:11
@moT01 Yeah, however, those are only for the frontend frameworking, adonis and meteor do a full stack kinda thing
Tom
@moT01
Feb 17 2018 02:12
perhaps you're right - im not familiar with them so i cant really say a whole lot - just my best guess
@alfredim88 paste the code
Lean Junio
@leanjunio
Feb 17 2018 02:12
ah I see, thank you however
on repl.it it works, but on freecodecamp gives the error: cannot read property "1" of undefined
Tom
@moT01
Feb 17 2018 02:14
typo on line 3
i think
alfredim88
@alfredim88
Feb 17 2018 02:15
Yes, I already spoted that one
still nothing
Tom
@moT01
Feb 17 2018 02:19
well, it looks like its returning the correct info - doesnt it
alfredim88
@alfredim88
Feb 17 2018 02:20
yes
but I'm getting an error
Tom
@moT01
Feb 17 2018 02:21
yea, i see that - i put the code in and ran the tests
alfredim88
@alfredim88
Feb 17 2018 02:21
on freecodecamp challenge when arr1 = []
Tom
@moT01
Feb 17 2018 02:22
hmm
alfredim88
@alfredim88
Feb 17 2018 02:23
I tried: if arr1 === null
and still not working
LydaTech
@lydatech
Feb 17 2018 02:24
@alfredim88 what challenge?
Tom
@moT01
Feb 17 2018 02:24
@lydatech its the advanced algorithm - inventory update
alfredim88
@alfredim88
Feb 17 2018 02:25
inventory update
if (arr1 === undefined) {
return "YES";
Tom
@moT01
Feb 17 2018 02:26
i tried copy/pasting the expected result directly into the return and still nothing
alfredim88
@alfredim88
Feb 17 2018 02:26
It doesn't even return "YES"
hmmm
Tom
@moT01
Feb 17 2018 02:27
curious what the smurf has to say - i cant think of anything other than its a bug
alfredim88
@alfredim88
Feb 17 2018 02:30
I tried console.log(arr1) and it returns []
then I tried if (arr1 ===[]) then ...
still nothing
Tom
@moT01
Feb 17 2018 02:34
yea, I got nothin - there's a bug i think in the testing or something
alfredim88
@alfredim88
Feb 17 2018 02:35
I think we are missing something
Tom
@moT01
Feb 17 2018 02:35
what
Tom
@moT01
Feb 17 2018 02:38
whats it say in there
alfredim88
@alfredim88
Feb 17 2018 02:40
I don't think it's the same issue
but I will read it again, and read my code again
the frist if is not working on repl.it
alfredim88
@alfredim88
Feb 17 2018 02:48
Done
:)
Thank you everyone for your help
I did like this:
@lydatech Thank you for your time
CamperBot
@camperbot
Feb 17 2018 02:49
alfredim88 sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 2660 | @lydatech |http://www.freecodecamp.org/lydatech
alfredim88
@alfredim88
Feb 17 2018 02:49
@moT01 thank you 2
Tom
@moT01
Feb 17 2018 02:50
i always screwed with the points
yea, whatd you do different
Gabe Pressman
@gpressman
Feb 17 2018 03:14
anyone around?
Tom
@moT01
Feb 17 2018 03:18
@gpressman
Gabe Pressman
@gpressman
Feb 17 2018 03:19
This is for a react project, but the block that's not working is just javascipt.
Tom
@moT01
Feb 17 2018 03:20
.
Gabe Pressman
@gpressman
Feb 17 2018 03:21
    let squares = Array(80).fill(Array(100).fill(false));
    for (var i = 0; i<squares.length; i++){
        for (var x = 0; x<squares[i].length; x++){
            if (Math.random() >= .5){
                squares[i][x] = true;
            } else {
                squares[i][x] = false;
            }
        }
    }
shoot
ok that's it
Tom
@moT01
Feb 17 2018 03:23
whats the problem
Gabe Pressman
@gpressman
Feb 17 2018 03:23
I can't figure out why every run through the first loop every item at index 0 is getting updated
oh god damn it, so many typos
so if I print out squares at the end
All 80 arrays will be identical
Tom
@moT01
Feb 17 2018 03:32
let squares = new Array(80);

for (var i = 0; i<squares.length; i++){ 
  squares[i] = new Array(100);
  for (var x = 0; x<squares[i].length; x++){ 
    Math.random() >= .5 ? squares[i][x] = true : squares[i][x] = false;
  } 
}

console.log(squares);
Gabe Pressman
@gpressman
Feb 17 2018 03:34
any explanation on what was going wrong with my script?
Tom
@moT01
Feb 17 2018 03:36
umm
lemme think for a second
Gabe Pressman
@gpressman
Feb 17 2018 03:37
Ok, thanks @moT01
CamperBot
@camperbot
Feb 17 2018 03:37
gpressman sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1005 | @mot01 |http://www.freecodecamp.org/mot01
Tom
@moT01
Feb 17 2018 03:37
pretty sure it has to do with how arrays data is referenced
Gabe Pressman
@gpressman
Feb 17 2018 03:38
hmm
Tom
@moT01
Feb 17 2018 03:39
im not quite sure in this case --- but for example... I think anyway...
if you have...
var arr = [1,2,3];
var arr2 = arr;
arr2[1] = 0;
console.log(arr); //[1,0,3]
the second line doesnt copy the array - it more creates a reference to the other array
pretty sure it works like that - maybe dont wanna quote me on it...
there's a way to copy the array - not sure on the syntax at the moment
so when i put this in your code
let squares = Array(80).fill(Array(100).fill(false)); 

for (var i = 0; i<squares.length; i++){ 
  for (var x = 0; x<squares[i].length; x++){ 
    if (Math.random() >= .5){ 
      squares[i][x] = true;    
    } else {
      squares[i][x] = false;
    } 
  } 
  console.log(squares[i]);
}

console.log(squares);
you will see that when i=0 the first log shows an array
then if you scroll to the bottom and look at the first array in the last log
theyre both the i=0 array - but it got changed
Gabe Pressman
@gpressman
Feb 17 2018 03:44
hmm
Tom
@moT01
Feb 17 2018 03:45
no help?
Gabe Pressman
@gpressman
Feb 17 2018 03:45
no, very helpful
just trying to put it all together
I understand intrinsically you're explanation
but I don't understand where I'm referencing improperly
Tom
@moT01
Feb 17 2018 03:47
yea, i wasnt quite sure on that part either - probly has to do with how you fill them at the beginning
Gabe Pressman
@gpressman
Feb 17 2018 03:48
I'll check at work on Monday
thanks
this strategy for randomly assigning feels clunky to begin with, but it's the best I came up with
Tom
@moT01
Feb 17 2018 03:50
doesnt seem too bad - i shortened one of the lines in the first code I put up
Ken Haduch
@khaduch
Feb 17 2018 04:43
@DarrenfJ - that sounds great - hope that your day went well, and have a great weekend!
dinesh
@1532j0004kg
Feb 17 2018 05:33
C:\Users\dinesh\Desktop\Project folder\oauth>npm install nodemon --global
C:\Users\dinesh\AppData\Roaming\npm\nodemon -> C:\Users\dinesh\AppData\Roaming\n
pm\node_modules\nodemon\bin\nodemon.js

> nodemon@1.15.0 postinstall C:\Users\dinesh\AppData\Roaming\npm\node_modules\no
demon
> node -e "console.log('\u001b[32mLove nodemon? You can now support the project
via the open collective:\u001b[22m\u001b[39m\n > \u001b[96m\u001b[1mhttps://open
collective.com/nodemon/donate\u001b[0m\n')" || exit 0

Love nodemon? You can now support the project via the open collective:
 > https://opencollective.com/nodemon/donate

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.1.3 (node_modules\nod
emon\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.1.3: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"ia32"
})

+ nodemon@1.15.0
added 116 packages and updated 1 package in 60.063s

C:\Users\dinesh\Desktop\Project folder\oauth>nodemon app.js
'nodemon' is not recognized as an internal or external command,
operable program or batch file.
what is the error can anybody please help me to fix this ?
Darren
@DarrenfJ
Feb 17 2018 06:39
@khaduch same to you sir :D
coderNewby
@coderNewby
Feb 17 2018 06:42
hi @DarrenfJ have more questions for you
Darren
@DarrenfJ
Feb 17 2018 06:43
@coderNewby I might be sneaking off to bed, but hit me up in PM
coderNewby
@coderNewby
Feb 17 2018 06:43
ok.. thanks for all your help @DarrenfJ
CamperBot
@camperbot
Feb 17 2018 06:43
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2392 | @darrenfj |http://www.freecodecamp.org/darrenfj
Dany Din
@danydin
Feb 17 2018 08:02
if i want to change the html on 1 place on the site and it will apply it on all pages on the same div-class, what should i look for in google?
Dany Din
@danydin
Feb 17 2018 08:09
@moT01
Deepak Manjunath
@Deepak2322
Feb 17 2018 08:40
i have tabs, where some tabs should be enabled and others should be disabled based on value selected from dropdown, i have written a switch case to check what is selected from dropdown and triggering click() if condition satisfies, however the click is not consistently triggering click and selecting tabs. is there any other better way to trigger tab selection other than click()
dinesh
@1532j0004kg
Feb 17 2018 08:41
we can able to create chatbot AI using js ?
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:47
@1532j0004kg chatbot like the one on gitter?
dinesh
@1532j0004kg
Feb 17 2018 08:47
yes like that
Aditya
@ezioda004
Feb 17 2018 08:47
Prob some library available for it
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:47
that's, in my mind, not hard at all
dinesh
@1532j0004kg
Feb 17 2018 08:47
but using artificial intelligence
i just see the chatscript for that but not red that full !
if u have any idea please share
@all
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:49
well if you wanna do it simple ... when you have chat, each message is a string ... and then you search each string for a specific word from a list of words, and for each word from that list you have a case for chatbot to send a message to a chat according to some specific word
if a string has more than one of those specific words you need to set priorities
dinesh
@1532j0004kg
Feb 17 2018 08:49
:smile: thats cool idea i also seen .
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:50
but if you wanna do like soem real ai with machine learning, i have no clue about that ... xD
dinesh
@1532j0004kg
Feb 17 2018 08:50
so i need to guess the user question , right !?
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:51
hmm..,.
dinesh
@1532j0004kg
Feb 17 2018 08:51
:+1:
@mbosnjak01 thanks
CamperBot
@camperbot
Feb 17 2018 08:51
1532j0004kg sends brownie points to @mbosnjak01 :sparkles: :thumbsup: :sparkles:
:cookie: 232 | @mbosnjak01 |http://www.freecodecamp.org/mbosnjak01
dinesh
@1532j0004kg
Feb 17 2018 08:51
@ezioda004 thanks
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:51
i might have an idea about that with just js, but it's complicated and requires a database as well
dinesh
@1532j0004kg
Feb 17 2018 08:52
ya, right !
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:52
yeh ... better to go with another approach XD
dinesh
@1532j0004kg
Feb 17 2018 08:52
XD ?
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:54
@1532j0004kg sorry I can't be much of a help at this area ... maybe python or C version would help you, but it's just in my oppinion, you should ask on General chat as well.
dinesh
@1532j0004kg
Feb 17 2018 08:55
ok , but XD stands for what , what u mean with word XD
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:56
well for example "Music is what makes people feel good" is a string ... in that string you have a word "Music" ... if chatbot encounters a word "Music" in a certain content, it sends a link to a random song in the chat
just an example
i don't know what you mean
XD
dinesh
@1532j0004kg
Feb 17 2018 08:57
Ok got it
Matej Bošnjak
@mbosnjak01
Feb 17 2018 08:58
That0s just a simple chatbot with custom cases. Machine learning chatbot ai is much more complicated than that.
https://dzone.com/articles/chatbots-with-machine-learning-building-neural-con this is an interesting article, maybe it gives you some idea if you wanna go for ML
Deepak Manjunath
@Deepak2322
Feb 17 2018 10:54
how to get index of a object property in key value pair ?
Aditya
@ezioda004
Feb 17 2018 11:06
@Deepak2322 By index I'm assuming keys which are objects index. Object.keys(obj_name) will get you all the keys of the object.
Deepak Manjunath
@Deepak2322
Feb 17 2018 11:07
it again returns an array of keys
i need an index of particular property
Aditya
@ezioda004
Feb 17 2018 11:10
I dont think theres a direct way to do that, you may have to create your own function
Like this would work
function getKeyByValue(object, value) {
  return Object.keys(object).find(key => object[key] === value);
}
Aditya
@ezioda004
Feb 17 2018 11:20
Example:
let obj = {
    "name": "John",
    "age" : 26
}
function getKeyByValue(object, value) {
  return Object.keys(object).find(key => object[key] === value);
}
getKeyByValue(obj, 26); //age
Deepak Manjunath
@Deepak2322
Feb 17 2018 11:25
i have array of objects
``
``
let obj = [{
"name": "John",
"age" : 26
}
let obj = [ { "name": "John", "age" : 26 } ]
Aditya
@ezioda004
Feb 17 2018 11:33
@Deepak2322 Hmm then modify a bit maybe like this
function getKeyByValue(array, value) {
    return array.map((object) => Object.keys(object).find(key => object[key] === value))[0];
  }
getKeyByValue(obj, 26) //age
Jake
@JakeDVirus
Feb 17 2018 12:15
A specific content (includes text and buttons) is not shown in safari browser though the space for that content remain intact. The content is shown in chrome and firefox. What could be the reason behind this?
And in IE there appears a scrollbar at bottom which was really not expected. Could anyone possible help me with these issues?
alexg1990
@alexg1990
Feb 17 2018 12:58
can someone with experience with flexbox tell me why my container is taking up space on the left? https://codepen.io/alexg1990/pen/zRPbjP
Riadh
@KWFE
Feb 17 2018 13:01
@gulsvi thanks my friend i ll check them
CamperBot
@camperbot
Feb 17 2018 13:01
kwfe sends brownie points to @gulsvi :sparkles: :thumbsup: :sparkles:
:star2: 2613 | @gulsvi |http://www.freecodecamp.org/gulsvi
Deepak Manjunath
@Deepak2322
Feb 17 2018 13:35
thanks @ezioda004
CamperBot
@camperbot
Feb 17 2018 13:35
deepak2322 sends brownie points to @ezioda004 :sparkles: :thumbsup: :sparkles:
:cookie: 460 | @ezioda004 |http://www.freecodecamp.org/ezioda004
Riadh
@KWFE
Feb 17 2018 13:58
anyone can check this

function palindrome(str) {
    // Good luck!

    return str.split("").reverse().replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g,"").toLowerCase("").join("");  
}



palindrome("eye");
LydaTech
@lydatech
Feb 17 2018 14:14
@alexg1990 container isnt taking up space on the left. It spans the whole viewport
Tom
@moT01
Feb 17 2018 14:21
@KWFE pretty sure you're supposed to return true or false
Aditya
@ezioda004
Feb 17 2018 14:22
@KWFE You need to return boolean true or false and also the regex can be achieved using [\W_]/g
Riadh
@KWFE
Feb 17 2018 14:23
function palindrome(str) {
    // Good luck!

    if(str.toLowerCase("").split("").replace(/[.,\/#!$%\^&\*;:{}=\-_`~()]/g,"").join("").reverse() === str){
      return true;
    }else{
      return false;
    }

}

palindrome("eye");
i'v tried this but still doesn't work
Aditya
@ezioda004
Feb 17 2018 14:24
.split() returns an array and .replace() is a string method.
Riadh
@KWFE
Feb 17 2018 14:29
@ezioda004 what do you suggest
LydaTech
@lydatech
Feb 17 2018 14:30
str.replace(/[\W_]/g, '').toLowerCase() === str.replace(/[\W_]/g, '').toLowerCase().split('').reverse().join('');
@KWFE
alexg1990
@alexg1990
Feb 17 2018 14:34
@lydatech if you use developer tools you can see that ".container" makes up a small box on the left of "logo"
Riadh
@KWFE
Feb 17 2018 14:34
@lydatech thanks man but you'v gave me the solution
CamperBot
@camperbot
Feb 17 2018 14:34
kwfe sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
:star2: 2661 | @lydatech |http://www.freecodecamp.org/lydatech
LydaTech
@lydatech
Feb 17 2018 14:35
@alexg1990 put border: 1px solid red; in your container css
alexg1990
@alexg1990
Feb 17 2018 14:36
@lydatech strange, I know put a boarder around my Logo to emphasize my problem :/
LydaTech
@lydatech
Feb 17 2018 14:47
@alexg1990 add this to your container class
margin: 0;
padding: 0;
alexg1990
@alexg1990
Feb 17 2018 14:51
@lydatech wow thanks; I already specified margin but padding was missing
CamperBot
@camperbot
Feb 17 2018 14:51
alexg1990 sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
LydaTech
@lydatech
Feb 17 2018 14:53
@alexg1990 once you remove the bullets next to the list items you need to remove margin and padding to take away the holding space
alexg1990
@alexg1990
Feb 17 2018 15:34
@lydatech cool thanks, can you furthermor maybe explain to me, why my "list"-elements height don't match with their flexboxes?
CamperBot
@camperbot
Feb 17 2018 15:34
alexg1990 sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:
api offline
Ken Haduch
@khaduch
Feb 17 2018 16:01
@alexg1990 - did you figure out what you wanted to see? Are you questioning why the "Logo" is not all the way to the left? If that's your question, it is because there is a 40px padding value built into the ul element, which, I think, in a normal list would give you the indentation in front of the list elements. (oops - I see that I didn't scroll all the way down to the bottom of the chat... :) )
LydaTech
@lydatech
Feb 17 2018 16:12
@alexg1990 it does but inline you have your logo font-size larger than the rest so it will make the ul larger
Ken Haduch
@khaduch
Feb 17 2018 16:15
@alexg1990 - I was just going to post, too, that it's related to the font-size, if you make them all the same size (like around 25px) then your li elements fill the flex... it's strange how that doesn't really show up in the devtools as the reason for the height of the element... sometimes these things just aren't immediately obvious!
alexg1990
@alexg1990
Feb 17 2018 16:37

@lydatech yes but the same problem applies if I change the font-size of the logo to be the same as the rest of the elements but instead increase the default height of my ".container".

Shouldn't every list-element be regarded as their own "box" so height should be equal to <ul>-height all the time?

alexg1990
@alexg1990
Feb 17 2018 16:44
Okay I got it. I just needed to add "align-items: stretch" to the container and THEN align-items: center to the child
i feel like flexbox is way more confusing than the normal boxmodel...
Puyan Wei
@puyanwei
Feb 17 2018 18:57

hi, do you guys know why this is returning undefined instead of this.runningTime? When I console log it I get the result I want which is 10...

function Supermarket() {
  this.customerTimeArray;
  this.currentTillers = [];
  this.runningTime = 0;
}

Supermarket.prototype.queueTime = function(customerTimeArray, numberOfTills) {
  this.customerTimeArray = customerTimeArray;
  if (customerTimeArray.length === 0) {
    console.log(this.runningTime);
    return this.runningTime;
  } else {
    this.currentTillers = this.customerTimeArray.splice(0, numberOfTills);
    this.deductLowestToAll(this.currentTillers);
    this.queueTime(customerTimeArray, numberOfTills);
  }
};

Supermarket.prototype.deductLowestToAll = function(array) {
  var newArray = [];
  var lowest = Math.min.apply(null, array);
  array.forEach(element => {
    newArray.push(element - lowest);
    if (element === lowest) {
      this.runningTime += lowest;
      newArray.pop(element);
      console.log(this.customerTimeArray, this.runningTime);
    }
  });
  this.currentTillers = newArray;
}

supermarket = new Supermarket()
supermarket.queueTime([1, 2, 3, 4], 1);

Thanks in advance!

Jake
@JakeDVirus
Feb 17 2018 19:01
has anyone came across unintended/unnecessary horizontal scrollbar in IE11?
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 19:13
@NeelDVirus maybe some prefixes can help
Jake
@JakeDVirus
Feb 17 2018 19:14
@tiagocorreiaalmeida what kinda prefixes? every flexbox prefixes were taken into account
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 19:15
then im not sure, is there any link for it?
Jake
@JakeDVirus
Feb 17 2018 19:16
@tiagocorreiaalmeida would the github link be convenient for you?
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 19:17
would be better a live link one I could test out if it aint a big project and its possible place it oncodepen
otherwise maybe glitch?
you just have to import from github
Jake
@JakeDVirus
Feb 17 2018 19:19
@tiagocorreiaalmeida actually my codes are written Sass, so putting all those and the images might lead to another mess. if you can download the zip file it would be much easier and very much helpfull to me
The issue is only in IE11. Chrome and firefox works completely fine..
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 19:28
ok will give it a look @NeelDVirus
Jake
@JakeDVirus
Feb 17 2018 19:31
@tiagocorreiaalmeida Thanks a lot. just a piece of information. if you delete the <div> element with class name ".main-board" or you delete any one of its children in the developer-inspect tool then the horizontal scrollbar go away
CamperBot
@camperbot
Feb 17 2018 19:31
neeldvirus sends brownie points to @tiagocorreiaalmeida :sparkles: :thumbsup: :sparkles:
:cookie: 500 | @tiagocorreiaalmeida |http://www.freecodecamp.org/tiagocorreiaalmeida
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 19:31
it also goes away
so I guess some fix there will make it work
if you remove the position absolute from the website images class
btw you know flexbox right?
Jake
@JakeDVirus
Feb 17 2018 19:39
@tiagocorreiaalmeida yeah. i started using flexbox lately
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 19:40
run from the floats then ehehehe :D , but yeah give a check onb the position absolute on the image try some fix
Jake
@JakeDVirus
Feb 17 2018 19:40
going to check out what you just suggested
@tiagocorreiaalmeida actually floats doesn't meet the desire need which flexbox do. and i started using it after having significant grasp on it
Jake
@JakeDVirus
Feb 17 2018 19:46
@tiagocorreiaalmeida Hey mate you just saved me :D removing absolute positioning get it solved. Seriously it was a great help.
but how did you get the idea in the first place that removing this might fix it. and do you have any idea why absolute position messed it up? just curious to know because it never happened before because of absolute positioning
Tiago Correia
@tiagocorreiaalmeida
Feb 17 2018 20:01
I started by just picking element by element down and further untihil the deeper one that was causing the issue :D and no no idea why some position absolute would change the layout that way, and no worries :D
johnny
@baggistrumps
Feb 17 2018 20:45
is bootstrap the class attributes in the html tags? or have i misunderstood it completly?
Tom
@moT01
Feb 17 2018 20:47
@baggistrumps you put the bootstrap class you want to use in the class attribute - yes <div class="col-md-2">
what bootstrap actually is - is pre defined styles to put on your elements
Aditya
@ezioda004
Feb 17 2018 20:48
@baggistrumps Bootstrap is name of the framework, and it provides pre-styled classes that you can add to your pages element.
VaseJS
@VaseJS
Feb 17 2018 20:49
bootstrap is not a framework, its a UI kit. there is a difference :D
Brad
@bradtaniguchi
Feb 17 2018 20:50
@VaseJS "Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web."
Aditya
@ezioda004
Feb 17 2018 20:50
@VaseJS You should tell that to the people who wrote that in the very first page of their offical docs
VaseJS
@VaseJS
Feb 17 2018 20:51

maybe they changed it. a framework has particular behavoirs. as you properly stated above

it provides pre-styled classes that you can add to your pages element.

that is not the function of a framework :D

johnny
@baggistrumps
Feb 17 2018 20:52
@moT01 thx man, so in your case "col-md-2" is the bootstrap part?
CamperBot
@camperbot
Feb 17 2018 20:52
baggistrumps sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:star2: 1006 | @mot01 |http://www.freecodecamp.org/mot01
Tom
@moT01
Feb 17 2018 20:52
semantics - i think it behaves like a framework for styling a site
@baggistrumps yes, that's a bootstrap class - pretty sure anyway
Brad
@bradtaniguchi
Feb 17 2018 20:53
@moT01 Yes I agree, its not wrong to call bootstrap a framework, but it doesn't really matter.
Aditya
@ezioda004
Feb 17 2018 20:54
@VaseJS That was toned down version of one of the feature it provides ;)
johnny
@baggistrumps
Feb 17 2018 20:54
Thx, you just made my mind very clear compared to my previous answers around here :P
Tom
@moT01
Feb 17 2018 20:55
it only matters when someone tries to tell us it's not a framework - like we got it wrong
VaseJS
@VaseJS
Feb 17 2018 20:57
its the issue with the dev world. everything is not semantics (but it is in the dev world, thus the problem), BS on its own can code an entire site with you providing one custom line of CSS. There are no frameworks where this can be done anywhere else. You code within a framework. This is why BS is a kit. i can pick and choose what i want (kit). That can not be done in a true framework. hints the name…framework.
but its really not a big deal. i think i’m the only one who cares about the difference :P
my background makes me respect words and their definitions on an abnormal level
Brad
@bradtaniguchi
Feb 17 2018 21:00
@VaseJS Did you say bootstrap can code an entire side with one line of CSS?
VaseJS
@VaseJS
Feb 17 2018 21:00
custom CSS
i may have forgotten that word
Aditya
@ezioda004
Feb 17 2018 21:01
Yes, I understand. Its the same when people use the word argument instead of parameter or function instead of method, but I dont think it really matters as long as the message the person is conveying is clear, language/word shouldnt be a barrier.
VaseJS
@VaseJS
Feb 17 2018 21:01
right person, wrong room. @bradtaniguchi :P
Brad
@bradtaniguchi
Feb 17 2018 21:01
yes
VaseJS
@VaseJS
Feb 17 2018 21:02
@ezioda004 agreed