FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

ADIL KARMOUZI

@mradil16

Guys . why my text editor show this message : " 'document' is not defined " . my javascript code doesn't work

Moisés Man

@moigithub

...probably u should show ur javascript code

piteto

@piteto

@mradil16 It might be because your code is running before the DOM is ready

use window.onload or $(handler)

PattyCreates

@PattyCreates

Hi, guys. I'm trying to get an animation going with waypoints and JS. Unfortunately, i can't figure out the best way for the JS to stop after appearance of said waypoint. The waypoint is a general class (animated.css classes added). And I'm trying to get a nested element within it to run once

There are three instances of it.

aRtoo

@artoodeeto

guy i have a question. did you notice that theres a diff between fccs formula for orbital period from google. or is it the website??

   this fcc formula to get the orbital period
   //T = (2 * PI * SQRT[earthRadius + avgAlt] / GM);

   this on google. link :http://www.physicsclassroom.com/class/circles/Lesson-4/Mathematics-of-Satellite-Motion
   //T = SQRT [(4 • pi2 • R3) / (G*Mcentral)]

hifede

@hifede

still trying to figure out why my personal portfolio page wont fit a phone srceen after using containers. could someone help me ? https://codepen.io/arolf_flora/full/WEoYmd/

playingwithinfinity

@playingwithinfinity

Can anyone help me with navbars?

Tom

@moT01

@playingwithinfinity whats up

Alex Thompson

@amthomps11

Can someone help me with a big on my calculator project? It has more to do with the css than the actual calculator

bug*

https://codepen.io/amthomps/pen/QqGdZX?editors=1111

basically I don't know why the background is essentially two rectangles, I just want it to be one smooth gradient

Tom

@moT01

checking the dev tools - your body and html are only as big as the top rectangle

ADIL KARMOUZI

@mradil16

Guys . Is there an alternative for CSS filter property in IE 10+ ?

Tom

@moT01

you can set a size of the body height: 100vh;

will make it extend down, but im checking if there's a property for it, which might be a better way to go

@amthomps11

Alex Thompson

@amthomps11

@moT01 ah thanks so much that worked. So is the body set to a default height then unless you specify?

CamperBot

@camperbot

amthomps11 sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:

:cookie: 863 | @mot01 |http://www.freecodecamp.com/mot01

Tom

@moT01

pretty sure it will just expand to fit whatever is in it

unless you set a size

Ken Haduch

@khaduch

@hifede - it doesn't look like you are using the screen-size column settings to make the portfolio page responsive? I'm not that familiar with Bootstrap 4, I have to check if the column class definitions have changed.

Ken Haduch

@khaduch

@hifede - okay, that is one thing that hasn't changed in Bootstrap 4 - the column classes have to be set up with a screen-size designation for them to be used responsively. For example, col-lg-6 will use 6 columns on a large screen, and the full width of anything that is smaller than the bootstrap breakpoint for lg. So if you are trying to set up for that behavior, I think that you have to make that change. Also, the container-fluid class is the one that you might want to use, since it gives a full-width content area?
Also, your "Flora's portfolio" text is rather large - to me that seems a limiting factor in how narrow your page will set up on a mobile device?

Trevor Guinn

@trev-of-ev

Hey everyone, I'm having an issue with my code. I have added a small photo gallery on my portfolio page. When I minimize the browser to the smallest break-point the images respond correctly but the section that they are bound to does not extend past the area of the photos so the gallery bleeds over into the contact page. I'm not sure what to use to make the background respond with the responsiveness of the images. Can anyone help?

https://codepen.io/trev-of-ev/pen/Oxyzbx?editors=1100

piteto

@piteto

@trev-of-ev Change height: 750px to min-height: 750px so it can grow taller when needed

It would also look a little nicer if you added the section class to each of your <section> tags. You'll need to remove the first <section> you use at the top of your page if you do that, but in the end, each <section> would get a little bit of padding at the edges

Trevor Guinn

@trev-of-ev

@piteto You rock! Thank you!

CamperBot

@camperbot

trev-of-ev sends brownie points to @piteto :sparkles: :thumbsup: :sparkles:

:cookie: 153 | @piteto |http://www.freecodecamp.com/piteto

piteto

@piteto

You're welcome

Fabien SHAN

@X140hu4

Hi Guys, in the Binary agent intermediate algo, how do you get the ASCII from the binary value? fromCharCode doesnt seem to accept it

Gersho

@Gersho

parseInt()

Fabien SHAN

@X140hu4

Thanks @Gersho! figured it out. It is pretty hard not to get a glimpse of the solution when googling...

CamperBot

@camperbot

x140hu4 sends brownie points to @gersho :sparkles: :thumbsup: :sparkles:

:cookie: 471 | @gersho |http://www.freecodecamp.com/gersho

Fabien SHAN

@X140hu4

And I got mislead by the octal error feedback

Gersho

@Gersho

:thumbsup:

Chris Cullen

@123xylem

Hi,

Why is there white space under my blog title - and how do I remove it?

http://www.paintedbirdcafe.ga/blog/

Chris Cullen

@123xylem

I cant edit this css- Im trying to make the articles take up more than 58% width but I cant seem to change this css

@media screen and (min-width: 48em)
style.css?ver=4.8.2:3810
.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {
    float: right;
    width: 58%;
}