These are chat archives for FreeCodeCamp/HelpFrontEnd

8th
Nov 2017
alpox
@alpox
Nov 08 2017 00:00
@chrisandsuch Sorry, i cannot really tell :D better ask that kind of thing other people here :-) i'm programming for 9 years by now and it just so happened in between all that :D
I started out with object oriented programming though and got into more functional programming a bit later. I did some recursive stuff, but not very deeply
Christopher Susi
@chrisandsuch
Nov 08 2017 00:06
@alpox thats inspiring. I’m really a beginner with some previous learning mixed in. Most of the time when I’m writing some code I feel like I can do more but its a confidence issue. Always has me second guessing myself for some reason. I’m working to try to get through that.
@alpox thanks for the great conversation. gotta take a break but i’ll be back in a couple mins
CamperBot
@camperbot
Nov 08 2017 00:08
chrisandsuch sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
api offline
alpox
@alpox
Nov 08 2017 00:11
@chrisandsuch no problem :) im off to bed
dinesh
@1532j0004kg
Nov 08 2017 02:10
happie morning coders..?
Christopher Susi
@chrisandsuch
Nov 08 2017 02:12
@1532j0004kg hello. Where are you from? Its night here in tx
CamperBot
@camperbot
Nov 08 2017 02:12
chrisandsuch sends brownie points to @1532j0004kg :sparkles: :thumbsup: :sparkles:
:cookie: 259 | @1532j0004kg |http://www.freecodecamp.com/1532j0004kg
dinesh
@1532j0004kg
Nov 08 2017 02:17
i am from india
where u from
Christopher Susi
@chrisandsuch
Nov 08 2017 02:19
@1532j0004kg I’m from Texas in the USA. Whats the weather like there? Its getting cold here.
@1532j0004kg favorite programming language?
dinesh
@1532j0004kg
Nov 08 2017 02:26
i am just learning program.
here rainny...what about the weather in ur place..?
whats ur fav?
Christopher Susi
@chrisandsuch
Nov 08 2017 03:17
@1532j0004kg starting out can be frustrating at times but stick with it. Its been cloudy the last few days. Fav is hard to say. They all have their own unique way of building on the basic concepts. Going to bed. Night
BladymirL
@BladymirL
Nov 08 2017 03:48
Hey guys, I just finished the Jquery section and I'm on build a tribute page. Would you guys recommend to read the bootstrap documentation? I feel like I understand what HTML elements to use for what, however it feels like I struggle trying to figure out how to get things on the page where I want them (eg: I want the picture in the center)
Isaiah Trembley
@IsaiahCT
Nov 08 2017 03:48
now
BladymirL
@BladymirL
Nov 08 2017 03:48
Should I just use basic HTML / CSS and mess with padding / divs for this project? or should I try to be using bootstrap as much as possible
Isaiah Trembley
@IsaiahCT
Nov 08 2017 03:48
you don't really need to
Codepen had the bootstrap built in processor
I mean, you should to know what to do.
also, just experiment where you want things to go
that is what all coders do, experiment and test
BladymirL
@BladymirL
Nov 08 2017 03:49
Gotcha, so I guess I should just review the previous classes/lessons, and try to just use that to the best of my ability?
Ken Haduch
@khaduch
Nov 08 2017 04:04
@BladymirL - it's good to get the basics down - there are a lot of things implemented in bootstrap. The most helpful features for the basic tribute and portfolio pages are the grid (row and column classes) text centering, and a handful of other things. Stick with the basics that freeCodeCamp covered in the lessons, good to review those. Then use Google search and ask questions like "centering text and images in Bootstrap". Sticking with Bootstrap V3 and making sure that you get the appropriate information related to that version is my recommendation - that is what the lessons are based on. That should get you started. Then, put questions and code in here and ask for help when needed. But spending some time trying to figure it out on your own will help with the learning efforts. Good luck!
Kevin K. Lee
@kevinkiklee
Nov 08 2017 04:36
i highly suggest not using bootstrap, and using vanilla css with flexbox. bootstrap is a dying framework. i have been a software engineer for the past 6 months or so, and i have never seen it, nor heard of anyone planning to use it. meanwhile, flexbox is the most important skill in css.
however, it just might be the area i'm in. but no matter what, flexbox is something you will use for a long long long time, and bootstrap (and any other css frameworks) is something that's eventually going to fade away.
heroiczero
@heroiczero
Nov 08 2017 05:25
@chrisandsuch https://www.codewars.com/ this is a nice resource. If you just keep on coding it becomes second nature. Sometimes, it is good to go back and read some books too. Here is a site that has some free books, https://github.com/EbookFoundation/free-programming-books. If there are bugs or something, To debug, I go through my code in blocks and check if each block of code works as intended with console.log().
Long Nguyen
@longnt80
Nov 08 2017 07:06

@kevinkiklee

meanwhile, flexbox is the most important skill in css.

I'd add CSS grid for your grid now. This is the proper tool to build your grid.

Sorin Ruse
@sorinr
Nov 08 2017 07:55
@kevinkiklee i'm not at all a big fan of BS but i don't see it as a dying framework. there are to many websites built based on it. flexbox is really great but will come grid and so on. was reading same thing about php as a dying language, but with frameworks like laravel, symfony, etc i really don't see it dying too soon. if for learning, I am for sure, strongly recommend pure("vanilla") css, javascript, php, etc.
Long Nguyen
@longnt80
Nov 08 2017 08:11
@sorinr I think bootstrap will be way less popular for two reasons:
  • There are more and more frameworks coming out
  • Grid and flexbox
Sorin Ruse
@sorinr
Nov 08 2017 08:19
@longnt80 i agree that its popularity may decrease in the next few years but besides the layout, that can be taken over by the newest flexbox and grid, BS still has a lot of well tested UI components that can be used in the projects. Nobody stops you mixing them around in achieving the best results
@longnt80 in fact is just CSS nothing more. as you have access to the BS source you can play around with it as you wish
Harry Fahringer III
@harryrf
Nov 08 2017 08:22
Why do I get two different results?
aside#sidebar {
  // this one works
}

aside #sidebar {
  // this one does not
}
Long Nguyen
@longnt80
Nov 08 2017 08:23
@harryrf those are two different things
aside#sidebar means the aside has the id of sidebar
Harry Fahringer III
@harryrf
Nov 08 2017 08:24
Oh and the other looks for a div with the id of sidebar? Edit: Nested in aside tags.
Long Nguyen
@longnt80
Nov 08 2017 08:24
aside #sidebar means aside is the parent of element #sidebar
Harry Fahringer III
@harryrf
Nov 08 2017 08:24
Okay, thank you @longnt80
CamperBot
@camperbot
Nov 08 2017 08:24
harryrf sends brownie points to @longnt80 :sparkles: :thumbsup: :sparkles:
:cookie: 666 | @longnt80 |http://www.freecodecamp.com/longnt80
gaitchs gangmei
@gaitchs
Nov 08 2017 09:41
could somebody explain to me why time is calculated like this
Date());
var seconds = Math.floor((t / 1000) % 60);
var minutes = Math.floor((t / 1000 / 60) % 60);
var hours = Math.floor((t / (1000 60 60)) % 24);
var days = Math.floor(t / (1000 60 60 * 24));
korzo
@korzo
Nov 08 2017 09:50
@gaitchs because Date returns time in miliseconds
abraham anak agung
@padunk
Nov 08 2017 09:54
@gaitchs about Date
korzo
@korzo
Nov 08 2017 09:59
@gaitchs my answer was related to (t / 1000) part.
If you ask about modulo operator, then it's because you care only for remainder .
gaitchs gangmei
@gaitchs
Nov 08 2017 10:05
function getTimeRemaining(endtime) {
var t = Date.parse(endtime) - Date.parse(new Date());
so what is returned to t
@padunk thanks reading it now..
CamperBot
@camperbot
Nov 08 2017 10:06
gaitchs sends brownie points to @padunk :sparkles: :thumbsup: :sparkles:
:cookie: 387 | @padunk |http://www.freecodecamp.com/padunk
abraham anak agung
@padunk
Nov 08 2017 10:15
@gaitchs t will be time remaining between endtime and the time your execute the function.
Bogdan
@oblanao
Nov 08 2017 10:37
@oblanao
Hello, can you please give me feedback on my RecipeBox project? Take a look at : http://5a02dd7aa6188f3d7ea5f9ee.upholsterer-data-50377.netlify.com/ . Thanks !
sorry for the link, I built the React App on local machine and deployed it with netlify
CamperBot
@camperbot
Nov 08 2017 10:37
sorry oblanao, you can't send brownie points to yourself! :sparkles: :sparkles:
Christopher Brown
@ChrisBrownie55
Nov 08 2017 10:41
@BladymirL You should try writing it in plain CSS, the less you learn to rely on a framework the more you can do. And yeah, Bootstrap is kinda dying, I've never really used it for that reason. Plus nowadays there are new things in CSS that pretty much make certain things in Bootstrap obsolete. But I would suggest messing with more than padding and divs; try to make something that challenges you.
Mike Boardley
@Boardley
Nov 08 2017 10:59
That's why FreeCodeCamp and Coding Bootcamps are doing a dis-service to their students by allowing them to rely on a FrontEndFramework. They think they understand CSS & HTML and the reality is that when it comes time to actually build a full page that doesn't follow Bootstrap's pattern, they're lost.
Christopher Brown
@ChrisBrownie55
Nov 08 2017 11:13
@Boardley Yeah, I agree, when I first came to FreeCodeCamp and did the Tribute Page challenge, it was barely decent (it was pretty much a copy of the example), but I recently came back to FreeCodeCamp and redid that one and since I had actually learned CSS, HTML and JavaScript I was actually able to build some interesting things and not to mention have it change to work on different devices which they didn't do a great job of teaching before you reach the tribute page.
Harut
@harut-g
Nov 08 2017 11:49
Who knows a good time tracker?
heroiczero
@heroiczero
Nov 08 2017 11:49
@harut-g Do you want like a timer for events and stuff?
Harut
@harut-g
Nov 08 2017 11:50
@heroiczero For freelancers
heroiczero
@heroiczero
Nov 08 2017 11:52
@harut-g i mean you could make one or you could browse the website and search for one that has the features you want.
Harut
@harut-g
Nov 08 2017 11:52
@heroiczero okay, thanks
CamperBot
@camperbot
Nov 08 2017 11:52
harut-g sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2036 | @heroiczero |http://www.freecodecamp.com/heroiczero
Mafalda
@otmeek
Nov 08 2017 12:23
Speaking of relying on Bootstrap, I start working at a company tomorrow as designer. What I have to do is 99% write scss. They use an in-house framework and I'm panicking about not understanding how to use it lol
heroiczero
@heroiczero
Nov 08 2017 12:25
@otmeek do they have documentation on the framework? Read up on it.
Mafalda
@otmeek
Nov 08 2017 12:25
@heroiczero no clue, I haven't been given any info, I'll need to ask all the questions tomorrow.
heroiczero
@heroiczero
Nov 08 2017 12:26
@otmeek Usually if you understand CSS other frameworks are easier to pick up and manipulate.
Mafalda
@otmeek
Nov 08 2017 12:26
Yeah I have a solid grasp on CSS, hope I can pick it up easily
I do rely on bootstrap's layouting tools a lot though
heroiczero
@heroiczero
Nov 08 2017 12:28
@otmeek Well, relax. If there is no documentation online for their private framework, I do not think they are preparing you to fail. Hiring cost money and they hired you. So, they probably have a orientation or something for you to go through
@otmeek Just remember to remain "active" and ask question. Certain places like to accelerate really fast, and picking up the language fast is key to success :) Sometimes, taking your work with you to home and studying helps too. :) Especially, programming since languages get updated and changed all the time to create efficiency.
Mafalda
@otmeek
Nov 08 2017 12:31
@heroiczero definitely! I'm nervous about it but excited
heroiczero
@heroiczero
Nov 08 2017 12:32
@otmeek Well good luck on your job :+1: :)
Mafalda
@otmeek
Nov 08 2017 12:32
@heroiczero thanks! :blush:
CamperBot
@camperbot
Nov 08 2017 12:32
otmeek sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2037 | @heroiczero |http://www.freecodecamp.com/heroiczero
Victor Abeledo
@victorja
Nov 08 2017 12:49
Hi guys! I'm writing a function to retrieve a token from localStorage and if not there, fetch the token and store it, but I have a bug because the second if never evaluates
  this.token = localStorage.getItem('myToken');//null when not loaded
  console.log(this.token);//401 invalid acces token
  if(this.token == null){
    let possibleToken:string = window.location.href;
    let position:number = possibleToken.indexOf('access_token=')+13;//13 is the length of 'acces_token='
    let lastPos:number = possibleToken.indexOf('&token_type');
      if(lastPos !== -1){//if we have token
        this.token = possibleToken.slice(position,lastPos);
        console.log(this.token);
        localStorage.setItem('myToken', this.token);
      }
  }
(last brace is from the function ngOnInit, it launches every time you refresh page)
Iam@Leet_Programmer
@leet-hacks
Nov 08 2017 12:51
Capture.PNG
can anyone please help me solve this am having issues with this code of mine it's not returning the correct color all am getting is wrong
Garrus Napp
@GarrusNapp
Nov 08 2017 13:00
@leet-hacks hi ill take a look
Kevin K. Lee
@kevinkiklee
Nov 08 2017 13:01
@leet-hacks i think it has to do with your usage of this. what does this refer to you in your code?
think about the context of this in an anonymous function.
Kevin K. Lee
@kevinkiklee
Nov 08 2017 13:07
so when you call var clicked = this.style.backgroundColor, what is this here? what is this.style? try console logging this
also, when you are sharing your code, it's much better for everyone involved if you use a collab editor like codepen, so that someone can actually go into your code and start tweaking around. dev in whatever env you want, and copy-paste into codepen to share.
Ken Haduch
@khaduch
Nov 08 2017 13:11
@otmeek - well, congratulations and best of luck on the job! I agree with @heroiczero - if they went through all of the process of interviewing and hiring, they will want you to succeed. You can always focus on understanding some of the bootstrap CSS techniques for the features that you find to be really helpful, so you have a better grasp on what they do in their CSS. Again - good luck!
Mafalda
@otmeek
Nov 08 2017 13:12
@khaduch thanks!
CamperBot
@camperbot
Nov 08 2017 13:12
otmeek sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3481 | @khaduch |http://www.freecodecamp.com/khaduch
Mafalda
@otmeek
Nov 08 2017 13:19
and yeah i'm doing some last minute studying and practising
Iam@Leet_Programmer
@leet-hacks
Nov 08 2017 13:20
@kevinkiklee thanks have solved the problem
CamperBot
@camperbot
Nov 08 2017 13:20
leet-hacks sends brownie points to @kevinkiklee :sparkles: :thumbsup: :sparkles:
api offline
noobstar
@namsir
Nov 08 2017 13:22
anyone good with recursion here?

var list = [{name: 'meat', value: 123},
{name: 'meat', value: 645},
{name: 'veggies', value: 555},
{name: 'veggies', value: 222},
];

function recursion(list, name, value){
var obj = {name: name || '' , values: []};

list.map(function(e){

if(e.name === name && e.value !== value){
  obj.name = name;
  obj.values.push(e.value);
}else{
  obj = recursion(list, e.name, e.value);
}
return obj;

});

}

console.log(recursion(list))

what i want it to return is objects with values from the list with unique name
so the end goal is {name: 'meat', values: [123,645]}
Ken Haduch
@khaduch
Nov 08 2017 13:42
@namsir - are you required to use recursion to solve this? It looks like an ideal place to use .reduce().... ?
noobstar
@namsir
Nov 08 2017 13:47
nope
i'm allow to use reduce :)
noobstar
@namsir
Nov 08 2017 13:54
@khaduch can you help pointing to the right direction?
Ken Haduch
@khaduch
Nov 08 2017 13:58
@namsir - have you used .reduce() for any other purpose, or is it a new method for you? You can read the MDN documentation on it, of course, and I found this article from the forum to be helpful to me. It took a little while for me to get my head wrapped around how it works.
noobstar
@namsir
Nov 08 2017 13:59
@khaduch thanks i'll give it a read
CamperBot
@camperbot
Nov 08 2017 13:59
namsir sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3482 | @khaduch |http://www.freecodecamp.com/khaduch
Kevin K. Lee
@kevinkiklee
Nov 08 2017 13:59
i agree with ken. recursion is not the best for this. also, imo, i think using filter would be the best for what you want to achieve. it is def solvable with reduce though.
also, take the time to master reduce. it's the swiss army knife. there are so many things you can do with it. any time you have to derive a value from a collection, or transform a collection into a different structure, def look at reduce first.
noobstar
@namsir
Nov 08 2017 14:03
@kevinkiklee going to master reduce :D
BuntyBru
@BuntyBru
Nov 08 2017 14:58
I am trying to toggle from F to C in the weather APP but i am not able to
I tried boolean too but again it did not happen.
WHat am i doing wrong here.
Please tell
alpox
@alpox
Nov 08 2017 15:04
@BuntyBru because the variable c is initialized with 0 directly before the if, it will always be 0 when reaching the if statement which tests it. Each call to the event handler will create a new variable c. It does not persist over multiple calls.
BuntyBru
@BuntyBru
Nov 08 2017 15:08
if i declare "c" outside then some other problem comes up
Christopher Susi
@chrisandsuch
Nov 08 2017 15:19
@heroiczero thank you so much for the advice. I’ll check those out soon.
CamperBot
@camperbot
Nov 08 2017 15:19
chrisandsuch sends brownie points to @heroiczero :sparkles: :thumbsup: :sparkles:
:star2: 2038 | @heroiczero |http://www.freecodecamp.com/heroiczero
Stephen James
@sjames1958gm
Nov 08 2017 15:20
@BuntyBru Declare a global boolean rather than integer.
var celsius = true;
Then in the function you can do
if (celsius) {
   // change to F
} else {
  // change to C
} 
celsius = !celsius;
alpox
@alpox
Nov 08 2017 15:20
@BuntyBru in the if statement for the status: `this.readyState=
this.readyState=4 is the error then
You need == for it to be a condition
Your eventhandler was added twice because the if condition was not right. Therefore your click always executed the function for the change of f/c twice
Stephen James
@sjames1958gm
Nov 08 2017 15:23
@alpox :+1:
in this quote tweet is ok?
i mean the tweet button is working good ?
A-J Roos
@Asjas
Nov 08 2017 15:27
@1532j0004kg No. You don't link directly to twitter. You need to add the quote to the button and send that to twitter
All that button is doing is opening twitter
No the button is not correct
If I click on it it must create a tweet with the quote inside it.
dinesh
@1532j0004kg
Nov 08 2017 15:30
how can i do it give me a tips
tip
A-J Roos
@Asjas
Nov 08 2017 15:33
@1532j0004kg You use http://twitter.com/home?status= as the base URL and then add the quote and a link to the quote to that URL
If someone then clicks on the button it will open up twitter with a new tweet containing the quote and the link to the quote
dinesh
@1532j0004kg
Nov 08 2017 15:34
i willl try
A-J Roos
@Asjas
Nov 08 2017 15:35
You can try https://twitter.com/intent/tweet?text= as well. I see my first link redirects to this one
BuntyBru
@BuntyBru
Nov 08 2017 15:36
@sjames1958gm @alpox
Wait i am trying
is it okay?
it threw the error.
A-J Roos
@Asjas
Nov 08 2017 15:42
@1532j0004kg Not okay. Nowhere are you setting the twitter url? Please set the url to https://twitter.com/intent/tweet?text= and then add the quote and link
dinesh
@1532j0004kg
Nov 08 2017 15:44
https://twitter.com/intent/tweet?text= where this url need to be ? in the button or anywhere ?
A-J Roos
@Asjas
Nov 08 2017 15:45
That is the href link for the a tag
That link + the quote + the link makes up the href
dinesh
@1532j0004kg
Nov 08 2017 15:46
ohh ok i will try
BuntyBru
@BuntyBru
Nov 08 2017 15:47
@sjames1958gm @alpox
Its working but after 3 clicks
things go haywire
trying to make it work
BuntyBru
@BuntyBru
Nov 08 2017 15:52
Its working now
Christopher Susi
@chrisandsuch
Nov 08 2017 15:53
Hey all, for projects do you often use the same stylesheet languages for all of them? For instance once you learn SASS SCSS do you just use that or still go back to CSS for simple projects?
BuntyBru
@BuntyBru
Nov 08 2017 15:53

@alpox

could you explain about the "this.readyState==4 " you were talking about

Please , that would be so kind of you
刘刚
@dsfdsfdsf123
Nov 08 2017 15:55
hello everyb,good night
it shows that quote and author is not defined
A-J Roos
@Asjas
Nov 08 2017 15:59
@chrisandsuch I myself use scss for most things since I've picked it up. The syntax isn't that far off from normal css so I'll write a few variables and something that closely resembles normal css if I'm doing something fast and small
I then don't worry about my nesting.
alpox
@alpox
Nov 08 2017 16:00
@BuntyBru you had this.readyState=4 as condition in the upper if clause. Notice, only one =! If you have only one =, this is an assignment and because the value of the assigment (4) is truthy, this expression always returned truthy even if this.readyStatewas not set to 4. You set it to 4 yourself at that point which should not be the intention. What you had to do was to only compare if this.readyState was indeed 4 at thst point. That is done with the equality operator == which consists of 2 =, not one. (Or even 3 for strict equality)
BuntyBru
@BuntyBru
Nov 08 2017 16:01
thanks @alpox
CamperBot
@camperbot
Nov 08 2017 16:01
buntybru sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star2: 1447 | @alpox |http://www.freecodecamp.com/alpox
A-J Roos
@Asjas
Nov 08 2017 16:01
@1532j0004kg correct. You are assigning values that are in another function. You can't do that. You will either need to create global variables (which is not the best path) or set the value of the a element in the getQuote function.
BuntyBru
@BuntyBru
Nov 08 2017 16:01
Now diving into CSS for designing the application
dinesh
@1532j0004kg
Nov 08 2017 16:02
ohh okiee @Asjas
Christopher Susi
@chrisandsuch
Nov 08 2017 16:03
@Asjas what do you use to compile the scss to css? Thanks for the help.
CamperBot
@camperbot
Nov 08 2017 16:03
chrisandsuch sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 271 | @asjas |http://www.freecodecamp.com/asjas
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Nov 08 2017 16:03
hello
A-J Roos
@Asjas
Nov 08 2017 16:04
I use gulp as a worker. And I use gulp-sass from npm as the plugin
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Nov 08 2017 16:06
anyone here for help
A-J Roos
@Asjas
Nov 08 2017 16:06
I currently use gulp for run everything. gulp-sass, css autoprefixer, css minify and css beautify
Ghost
@ghost~580ed9c0d73408ce4f309ef0
Nov 08 2017 16:06
I am not able to install pip
A-J Roos
@Asjas
Nov 08 2017 16:07
@vipuldcoder Here isn't really a python support channel. You'll have to use stackoverflow for help
A-J Roos
@Asjas
Nov 08 2017 16:15
@1532j0004kg You need to remove the button function for the tweet. Just set the value of the href in the quote function. You don't need a seperate button to set the value of the href
i think its working
alpox
@alpox
Nov 08 2017 16:27
@vipuldcoder Just install python from the website - pip gets installed with it. Go sure to restart your terminal.
A-J Roos
@Asjas
Nov 08 2017 16:31
@1532j0004kg Almost. The quote author is still undefined.
But the href is atleast now being filled in
Jaimus
@JVeeKay
Nov 08 2017 16:53
Hello Room! :)
Kaz Baig
@kbaig
Nov 08 2017 17:00
@JVeeKay hello!
dinesh
@1532j0004kg
Nov 08 2017 17:01
@Asjas thanks
CamperBot
@camperbot
Nov 08 2017 17:01
1532j0004kg sends brownie points to @asjas :sparkles: :thumbsup: :sparkles:
:cookie: 272 | @asjas |http://www.freecodecamp.com/asjas
Keon Samuel
@keonsam
Nov 08 2017 17:06
anyone good at picking templates want to help me out?
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:06
hey guys
how can I make it to where he can tilt on his bottom right corner
Kaz Baig
@kbaig
Nov 08 2017 17:08
@IsaiahCT sorry could you explain further
Jaimus
@JVeeKay
Nov 08 2017 17:09
@kbaig Hey Kaz!!! I recognize you from the Main chat :) How's it going?
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:10
so, right now he is tilting from his top left corner
I want him to tilt rom his bottom right
Kaz Baig
@kbaig
Nov 08 2017 17:12
@JVeeKay Oh hello! I'm not there very often so that's a bit surprising but glad anyway :D Good, just trying to figure some stuff out at work atm
@IsaiahCT you can use the transform-origin property to manipulate where the rotation is happening from https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
Jaimus
@JVeeKay
Nov 08 2017 17:16
@kbaig Awesome :) I was hanging out in there quite a lot the last couple weeks and saw you a few times. :) I think this room is a little more my speed :) though I love the JS talk in the Main room. I learned a CRAP ton of stuff hanging out in there.
@kbaig What do you do for work?
Kaz Baig
@kbaig
Nov 08 2017 17:20
@JVeeKay I help Wolfram partner with different folks
Jaimus
@JVeeKay
Nov 08 2017 17:24
Kaz Baig
@kbaig
Nov 08 2017 17:24
That's one of our products, wolfram.com is the main site
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:24
well that is the thing, I am
@kbaig but, when I do, it starts like, jumping and stuff
Kaz Baig
@kbaig
Nov 08 2017 17:27
@IsaiahCT btw isn't the fridge currently tilting from the top right, not the top left
Jaimus
@JVeeKay
Nov 08 2017 17:27
@kbaig Ooo that's cool!
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:27
right
still,
I don't know why this is happening
I mean, I knwo the fridge is big, but..
Jaimus
@JVeeKay
Nov 08 2017 17:28
@IsaiahCT the origin needs to be set at bottom right. then it will look like it's falling over.
Thats what you want right?
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:29
I did that
what you see up there is me setting that origin to bottom rigght
Onome Sotu
@onomesotu
Nov 08 2017 17:29
Good evening everyone
Can anyone help out with background image not covering entire screen?
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:30
sure
Onome Sotu
@onomesotu
Nov 08 2017 17:30
I set it to cover but there is white space below the image
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:30
can I see the code?
Kaz Baig
@kbaig
Nov 08 2017 17:31
@IsaiahCT I think that the problem is that .fridge is not the fridge that I see. .fridge-front is, but it doesn't contain the other parts of the fridge
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:31
oh?
Kaz Baig
@kbaig
Nov 08 2017 17:32
.fridge seems to just be the width of the viewport
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:32
so you think that if I made the animation in fridge-front
it'll work?
Onome Sotu
@onomesotu
Nov 08 2017 17:32
The background is set with javacript when data is gotten from the api
$('body').css({
            'background':'url(../pictures/' + weather + '.jpg)', 
            'background-repeat': 'no-repeat',
            'background-position': 'center',
            'background-size': 'cover',
        });
Kaz Baig
@kbaig
Nov 08 2017 17:32
@IsaiahCT well if you put everything inside it yeah probably
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:33
because the fridge holds ALL of that, making it huge
meaning that it will run off of that iv spsace
while fridge-front is where all the action is
thanks
let me see if it will work
A-J Roos
@Asjas
Nov 08 2017 17:33
@onomesotu Is the body set to height: 100vh;?
Onome Sotu
@onomesotu
Nov 08 2017 17:34
@Asjas I didn't set any viewport height
If this helps: I have 2 monitors, the space is bigger in the bigger monitor
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:35
that might be it
A-J Roos
@Asjas
Nov 08 2017 17:35
You need to force the body to always be 100vh. Try it and let us know if it works
Onome Sotu
@onomesotu
Nov 08 2017 17:35
but why is there any space at all? when it is a background image?
@Asjas How will it respond on a mobile view?
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:36
@Asjas correct
A-J Roos
@Asjas
Nov 08 2017 17:36
Because body initializes without any height.
Onome Sotu
@onomesotu
Nov 08 2017 17:36
@Asjas oh
A-J Roos
@Asjas
Nov 08 2017 17:37
It will make itself smaller on mobile. But you can always tweak the mobile view with @media query
Onome Sotu
@onomesotu
Nov 08 2017 17:37
Is 100vh a way to force the background image to occupy the entire screen?
A-J Roos
@Asjas
Nov 08 2017 17:38
It tells the body to take up the entire screen. The image should then take it all up as well
Onome Sotu
@onomesotu
Nov 08 2017 17:41
@Asjas Great! it worked
Thank you @Asjas @IsaiahCT
CamperBot
@camperbot
Nov 08 2017 17:41
onomesotu sends brownie points to @asjas and @isaiahct :sparkles: :thumbsup: :sparkles:
api offline
:cookie: 273 | @asjas |http://www.freecodecamp.com/asjas
A-J Roos
@Asjas
Nov 08 2017 17:41
@onomesotu Pleasure. Glad to have helped
Onome Sotu
@onomesotu
Nov 08 2017 17:42
Another thing learned today :)
CSS can be tricky
A-J Roos
@Asjas
Nov 08 2017 17:43
Yeah it can be. :)
Kaz Baig
@kbaig
Nov 08 2017 17:45
When CSS works, it's beautiful and you love it
But when it doesn't...
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:46
css is actually one of the hardest things to get right in development when you are starting out. make sure you try to understand the fundamentals well. i'm sure many of you guys have noticed how quickly css can get out of control even in a small project. in a bigger project, writing css becomes very important. i suggest looking into the BEM methodology.
Onome Sotu
@onomesotu
Nov 08 2017 17:47
@kevinkiklee oh boy tell me about it
I will implement BEM in my next project
It sounds very professional
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:47
one of the first fullstack apps i made had something like 5000 lines of css. it was insane.
yea, we used BEM at my previous job. it worked very well for us.
btw guys, i started from FCC like you guys about a year ago. now i'm a software engineer in NYC. keep going.
A-J Roos
@Asjas
Nov 08 2017 17:49
@kevinkiklee Really? Wow that is awesome
Onome Sotu
@onomesotu
Nov 08 2017 17:49
@kevinkiklee awesome stuff
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:49
i did supplement my studies, but fcc is where i got started.
Onome Sotu
@onomesotu
Nov 08 2017 17:49
@kevinkiklee All you learned was from FCC?
dinesh
@1532j0004kg
Nov 08 2017 17:49
good night fellow mates..
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:50
nope. what you learn from FCC will not get you a job.
Onome Sotu
@onomesotu
Nov 08 2017 17:50
what did you supplement with?
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:50
but FCC will get you started. and there is no better resource for starting then FCC.
i attended a coding bootcamp.
but coding bootcamp is def not the only way to get into the industry
Onome Sotu
@onomesotu
Nov 08 2017 17:51
Yeah, in finland there's hardly any bootcamps
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:51
what you guys all need is a portfolio project. make a full stack application from scratch.
Onome Sotu
@onomesotu
Nov 08 2017 17:51
Good info... I am working on that
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:51
go through this curriculum, and you will have a much better chance: https://github.com/P1xt/p1xt-guides/blob/master/job-ready.md
Onome Sotu
@onomesotu
Nov 08 2017 17:52
@1532j0004kg night night
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:53
heh, i kinda feel uncomfortable sharing, but i do want to show you guys an example:
that project got me multiple offers within a month.
A-J Roos
@Asjas
Nov 08 2017 17:54
Holy crap that looks amazing..
Onome Sotu
@onomesotu
Nov 08 2017 17:55
@kevinkiklee Holy shit!!
That looks like magic to me :)
A-J Roos
@Asjas
Nov 08 2017 17:55
Yeah I myself still have a ways to go before I can do that :)
Onome Sotu
@onomesotu
Nov 08 2017 17:55
You cloned slack!!!
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:56
and make sure you write up good documentation afterward:
Lean Junio
@leanjunio
Nov 08 2017 17:57
@kevinkiklee is clutch with these suggestions :)
A-J Roos
@Asjas
Nov 08 2017 17:58
Yeah this is inspiring :fire:
Isaiah Trembley
@IsaiahCT
Nov 08 2017 17:58
tat is super dope
like, for real
Onome Sotu
@onomesotu
Nov 08 2017 17:58
Ruby on Rails
React.js
Redux
PostgreSQL
AWS S3
jQuery
Heroku
BCrypt
Figaro
Paperclip
jBuilder
react-modal
react-alert
emoji-mart
react-tooltip
me === dead :worried:
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:59
there are so many free resources online and many coding bootcamps. the market is becoming saturated a little. having a good portfolio is the most important thing to finding a job if you don't have a traditional CS background.
Lean Junio
@leanjunio
Nov 08 2017 17:59
@kevinkiklee at what point in your coding journey were you able to replicate that project? Did you follow the curricilum that you posted and at the end of it you did that project?
Kevin K. Lee
@kevinkiklee
Nov 08 2017 17:59
i went through app academy where the pace was extremely fast. so i had been coding for about 3 months or so when i wrote that.
maybe a little more. i started coding oct/nov last year. i wrote that in february.
Onome Sotu
@onomesotu
Nov 08 2017 18:00
3 months after the bootcamp?
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:00
no, 3 months after learning coding
Lean Junio
@leanjunio
Nov 08 2017 18:00
wow, that sounds like a very intense bootcamp
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:00
i know it sounds impossible, but it is absolutely 100% doable. i have seen hundreds of people do it.
Onome Sotu
@onomesotu
Nov 08 2017 18:00
oh boy
@kevinkiklee you have just given me a smack up my butt to get my act together
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:02
and, also, if you guys need proof, obviously you can check my github. you can easily see when i started coding, and when i wrote that project.
github is very very very important for this reason. it's your concrete proof of everything about yourself.
Onome Sotu
@onomesotu
Nov 08 2017 18:02
Now I am saying this hear and now.. by the end of march next year, I will clone a fullstack app
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:02
DO IT
Onome Sotu
@onomesotu
Nov 08 2017 18:02
@kevinkiklee Yes, I have github up and running
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:03
make sure you build up your github. the recruiters will take a look at your github.
Onome Sotu
@onomesotu
Nov 08 2017 18:03
I only build locally
so ipush everything to my github
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:03
start documenting everything on github. make sure you write good commit messages. the two most important things when you apply to a job are your linkedin profile and your github profile.
resume is almost secondary. they will immediately go to your linkedin and github first.
Christopher Susi
@chrisandsuch
Nov 08 2017 18:04
@kevinkiklee that is great advice! Thank you big time!
CamperBot
@camperbot
Nov 08 2017 18:04
chrisandsuch sends brownie points to @kevinkiklee :sparkles: :thumbsup: :sparkles:
api offline
Lean Junio
@leanjunio
Nov 08 2017 18:05
@kevinkiklee can the same be achieved with the curricculum that you gave earlier
Onome Sotu
@onomesotu
Nov 08 2017 18:06
Thanks for this man...
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:06
absolutely. when you go through that, you should be able to make spotify, slack or netflix or whtaever you want.
it does go through the fundamentals well.
Lean Junio
@leanjunio
Nov 08 2017 18:07
@kevinkiklee cool, thanks kevin
CamperBot
@camperbot
Nov 08 2017 18:07
leanjunio sends brownie points to @kevinkiklee :sparkles: :thumbsup: :sparkles:
api offline
Kaz Baig
@kbaig
Nov 08 2017 18:09
@JVeeKay It's a good mix of work so that's good :)
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:17
another advice: clone a well known non-trivial full-stack application. when you are on that phone screen, you have 15 seconds to explain your project. you DO NOT want to waste those 15 seconds saying "I created this dating app that matches people based on which side of the bed they like to sleep on. I swear, it's based on science!" No, you want to use those 15 seconds saying "I cloned Slack with a React frontend, a Rails backend, and utilized websocket protocol through Pusher API."
you want to use those 15 seconds talking about your skills, not explaining what your app does.
and we are coders. not designers. unfortunately, aesthetics matter. a recruiter, who is usually a non-technical person, will be drawn more towards the aesthetics of the wbsite, rather than how cleverly you solved some N+1 query in the backend, buried somewhere deep in the code. so, by cloning a fullstack application, you automatically skip the design step, where you don't have to worry about making it look nice. it's going to already look nice, because incredibly talented designers have already worked on that.
of course, do talk about how you solved the N+1 query during the interview with an engineer, but what is important is getting yourself to that interview.
Onome Sotu
@onomesotu
Nov 08 2017 18:20
oh boy.. I just saw your portfolio page..
I was blown to shreds
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:21
oh no no no, that's a template. i bought it for like $10. i should take that down actually. that website is not important.
Onome Sotu
@onomesotu
Nov 08 2017 18:21
Looool... alright
what template was it?
emamadordev
@emamadordev
Nov 08 2017 18:23
$('body').scrollTop(); doesn't work in chrome on windows 10. Can anyone replicate this problem?
Onome Sotu
@onomesotu
Nov 08 2017 18:24
Excellent advice by the way @kevinkiklee . It is nice to meet guys like you from time to time... it helps to keep us going
Cheers
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:25
np. i like to stop by here at fcc once in awhile. this is where i started, so i'm nostalgic. i was also in the fcc gitter asking questions all the time.
Jaimus
@JVeeKay
Nov 08 2017 18:26
@kevinkiklee Wow thanks for the pep talk man. Also Rick and Morty FTW. :+1:
CamperBot
@camperbot
Nov 08 2017 18:26
jveekay sends brownie points to @kevinkiklee :sparkles: :thumbsup: :sparkles:
api offline
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:26
WUBBA LUBBA DUB DUB
Isaiah Trembley
@IsaiahCT
Nov 08 2017 18:27
what do you guys think
Jaimus
@JVeeKay
Nov 08 2017 18:27
YEAAHHHHHH! Aww... BIrdperson.
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:28
holy crap that fridge
that's amazing
Jaimus
@JVeeKay
Nov 08 2017 18:30
@IsaiahCT I think it's bad ass! You got it man!
gotta go get smokes... be back in a flash. not that.....well whatever. i'll be back later.
Radu Matees
@RaduMatees
Nov 08 2017 18:35
hello there!
can someone take a look on my code ?:) I need some help, I am stuck at one of the advanced algorithms

function checkCashRegister(price, cash, cid) {
var change = cash - price;
var drawer = [];
var values = [
["ONE HUNDRED", 100.00],
["TWENTY", 20.00],
["TEN", 10.00],
["FIVE", 5.00],
["ONE", 1.00],
["QUARTER", 0.25],
["DIME", 0.10],
["NICKEL", 0.05],
["PENNY", 0.01]
];
var result = [];
for (i=cid.length-1; i>=0; i--){
drawer.push(cid[i]);
}
for (i=0; i<drawer.length; i++){ var temp = [drawer[i][0], 0]; while (change >= values[i][1] && drawer[i][1] - values[i][1] >= 0){
drawer[i][1] -= values[i][1];
change -= values[i][1];
temp[1] += values[i][1];
}
if (temp[1] > 0){
result.push(temp);
}
}
return result;
}

checkCashRegister(3.26, 100.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);

got to learn how to paste this
anyway, if you run the code in repl.it or other site, you will notice that the result, the change, is sometimes a bit off... not always, sometimes, at certain values.... don't seem to find any logic in them
especially if it has pennys in the change
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:39
probably because of floating point numbers
computers are very very very bad at decimals.
try converting penny to 1. dollar to 100. and twenty to 2000 and such.
for example, open up devtools, or go into node repl
type this in: 0.1 * 0.2
Radu Matees
@RaduMatees
Nov 08 2017 18:42

function checkCashRegister(price, cash, cid) {
  var change = cash - price;
  var drawer = [];
  var values = [
    ["ONE HUNDRED", 100.00],
    ["TWENTY", 20.00],
    ["TEN", 10.00],
    ["FIVE", 5.00],
    ["ONE", 1.00],
    ["QUARTER", 0.25],
    ["DIME", 0.10],
    ["NICKEL", 0.05],
    ["PENNY", 0.01]
  ];
  var result = [];
  for (i=cid.length-1; i>=0; i--){
    drawer.push(cid[i]);
  }
  for (i=0; i<drawer.length; i++){
    var temp = [drawer[i][0], 0];
    while (change >= values[i][1] && drawer[i][1] - values[i][1] >= 0){
      drawer[i][1] -= values[i][1];
      change -= values[i][1];
      temp[1] += values[i][1];
    }
    if (temp[1] > 0){
      result.push(temp);
    }
  }
  return result;
}


checkCashRegister(3.26, 100.00, [["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.10], ["QUARTER", 4.25], ["ONE", 90.00], ["FIVE", 55.00], ["TEN", 20.00], ["TWENTY", 60.00], ["ONE HUNDRED", 100.00]]);
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:42
see what you get for the asnwer
Radu Matees
@RaduMatees
Nov 08 2017 18:42
ta-da!
Kevin K. Lee
@kevinkiklee
Nov 08 2017 18:42
what was the problem?
Radu Matees
@RaduMatees
Nov 08 2017 18:42
@kevinkiklee no, I just figured out how to correctly paste the code
good idea with decimals, I am looking into it right now
@kevinkiklee yes, it seems that 0.1 * 0.2 turn out really weird... didn't know that
I am reviewing my code
Radu Matees
@RaduMatees
Nov 08 2017 18:54
@kevinkiklee thank you very much, it's working now. I multiplied all by 100 for the duration of the algorithm, and returned the result/100 at the end
CamperBot
@camperbot
Nov 08 2017 18:54
radumatees sends brownie points to @kevinkiklee :sparkles: :thumbsup: :sparkles:
api offline
Radu Matees
@RaduMatees
Nov 08 2017 18:54
I am going to look more into the floating numbers problem now
Isaiah Trembley
@IsaiahCT
Nov 08 2017 18:59
hey guys
don't be afraid to like the code lmao
Kaz Baig
@kbaig
Nov 08 2017 19:01
@IsaiahCT Ahhh I finally get what you were going for hah
Kevin K. Lee
@kevinkiklee
Nov 08 2017 19:03
yea, avoid floating numbers at all cost. when it comes to money, just use a value of 1 (a penny) as the base unit.
Ivan Ngundela
@ingundela
Nov 08 2017 19:42
hello everyone, please advice me on this, should I always have my projects located at the local web server folder installed in my Mac? e.g I'm currently using MAMP on my Mac but I don't always use it unless I need to test for example a php code etc...
Isaiah Trembley
@IsaiahCT
Nov 08 2017 21:02
man
nobody has seen the fridge.... HOW?
It's codevemeber what that balls
Aes
@CyberFistor
Nov 08 2017 21:31
Hello Guys, i'm really struggling to make the image round i've tried everything i could and made several searches on internet but the image doesnt get completly round, if you could at least give me an hint you would be my savior ! https://codepen.io/cyberfistor/pen/QOLGKY
ADIL KARMOUZI
@mradil16
Nov 08 2017 21:43
what parts of javascript do I need to know to build a website like this one : https://music.airfrance.com/en
Kaz Baig
@kbaig
Nov 08 2017 21:45
@CyberFistor the usual way is border-radius: 50%;
you've got a round image on the left in the What Is Sorband section
micah4232
@micah4232
Nov 08 2017 21:52
@kbaig That is correct @CyberFistor
delete all the other border properties you are trying to use they are making it look obscure like that

@CyberFistor delete all these: "-webkit-border-top-left-radius: 2000px;
-webkit-border-top-right-radius: 2000px;
-webkit-border-bottom-right-radius: 3000px;
-webkit-border-bottom-left-radius: 4000px;

-moz-border-radius-topleft: 2000px;
-moz-border-radius-topright: 2000px;
-moz-border-radius-bottomright: 3000px;
-moz-border-radius-bottomleft: 4000px;

border-top-left-radius: 2000px;
border-top-right-radius: 2000px;
border-bottom-right-radius: 3000px;
border-bottom-left-radius: 4000px;"

then add this: border-radius: 50%; and viola you got a circle image
hello community i have question...is it possible to make slider out of google drive folder?
micah4232
@micah4232
Nov 08 2017 22:00
@CyberFistor like this: #gui{
text-align:right;
max-width:300px;
border-radius: 50%;
}
Aes
@CyberFistor
Nov 08 2017 22:10
thx @kbaig
And thanks @micah4232 too :D
CamperBot
@camperbot
Nov 08 2017 22:11
cyberfistor sends brownie points to @micah4232 :sparkles: :thumbsup: :sparkles:
:cookie: 216 | @micah4232 |http://www.freecodecamp.com/micah4232
micah4232
@micah4232
Nov 08 2017 22:11
yw enjoi the coding wish i had time to again...lol @CyberFistor
Aes
@CyberFistor
Nov 08 2017 22:12
I've already tried 50% but the problem was that i couldn't put the text + photo on the right but i'm close to solve it
haha thanks :D !
ArthurM111
@FocusAndItCanBeDone
Nov 08 2017 22:12
var worked,rate,amount;
worked = prompt("How many hours have you worked?");
rate = prompt("How much do you get paid per hour?");
var int_worked=parseInt(worked);
var int_rate=parseInt(rate);
amount=worked*rate
document.write=(amount);
can anyone help with this?
micah4232
@micah4232
Nov 08 2017 22:13
@CyberFistor u mean u wanted to sections for yours and his?
two*
Aes
@CyberFistor
Nov 08 2017 22:14
Yes exactly,
I might use some padding or margin to put all this on the right side
micah4232
@micah4232
Nov 08 2017 22:15
so both pictures on right and text on left?
Aes
@CyberFistor
Nov 08 2017 22:18
no the first picture and text on left
ANd the second on the right
Ha look that's where i was struggling, the image is stretching when i try to put it on the right
micah4232
@micah4232
Nov 08 2017 22:27
use two columns then..i am also trying this out for you real quick @CyberFistor
Aes
@CyberFistor
Nov 08 2017 22:35
Ha got it, 'ive modified th Height with vh and the image is round
But the text is not spreading O_o
Botenga
@Botenga
Nov 08 2017 23:17

Hey guys can anybody help me out. I am trying to make a nav bar that when you hover over it a drop down list will appear. This does happen but unfortunately when it does the whole navbar drops.
https://codepen.io/Botenga/pen/LObppm

Any help would be much apreciated.

Keep in mind I am using only css im avoid bootstrap for now!
lolz also need it horizontal
Moisés Man
@moigithub
Nov 08 2017 23:32
@Botenga add position:absolute on ur hover
and pos relative on its parent (li)
probably add a width to the inner ul
Botenga
@Botenga
Nov 08 2017 23:33
@moigithub when i do width should i do percentage or px ?
Milosh Nedeljkovic
@MiloshN
Nov 08 2017 23:36
Hi. Any staff here?
Christopher Susi
@chrisandsuch
Nov 08 2017 23:38
@MiloshN Hello. I’m not staff might be able to answer any questions you have
Botenga
@Botenga
Nov 08 2017 23:42
@moigithub Thanks
CamperBot
@camperbot
Nov 08 2017 23:42
botenga sends brownie points to @moigithub :sparkles: :thumbsup: :sparkles:
:star2: 3704 | @moigithub |http://www.freecodecamp.com/moigithub
Moisés Man
@moigithub
Nov 08 2017 23:45
@Botenga u can use width:100% and the ul will take the parent li width