These are chat archives for FreeCodeCamp/HelpFrontEnd

28th
Jun 2018
Ryan Williams
@Ryanwfile
Jun 28 2018 04:17

I'm trying to order 6 blocks in 2 columns so that at higher viewports the blocks appear such as
row 1 : block 1 block 2
row 2: block 3 block 4
row 3: block 5 block 6

and on smaller viewports there would be only 1 column with blocks in ascending order 1 - 6.
I'm using flexbox but not sure how to do this without editing the html, here is the codepen, https://codepen.io/Ryanwfile/pen/qKQdwY
any help is appreciated. Thank you.

Alex
@abrta
Jun 28 2018 04:25
Hi, new here. I don't know if anyone here uses codeanywhere but I prefer that over codepen. Anyway, everything worked fine before but now I started codeanywhere up again and no changes to the CSS file are applied to the HTML any longer. Does anyone have any idea why? :/
Stephen
@stephepush
Jun 28 2018 04:44
lol, I’m at wits end with this project for the night, and I want to figure out why it’s width is wider than the screen. I imagine it involves something I did wrong with CSS grid:
https://robust-hoverfly.glitch.me/
dinesh
@1532j0004kg
Jun 28 2018 06:56
@stephepush make use of class container-fluid
Deepak Gowda
@Deep2322_twitter
Jun 28 2018 07:12
i have an array of objects, as soon i assign it a variable. It changes the order. I am not able to figure out.Can anyone help me ?
abraham anak agung
@padunk
Jun 28 2018 07:34
@Deep2322_twitter what you mean changes order?
hrbudding
@hrbudding
Jun 28 2018 11:16
Have anyone here used framework 7 before and do you know how to setup admob in Cordova apps
Norvin Burrus
@ndburrus
Jun 28 2018 16:23
@mandeephub this may be helpful :sparkles:
Daniel
@Feldbot
Jun 28 2018 16:37
I'm trying to retrieve the value on a button on click with jQuery by using this. When I select $(this) it returns what looks to be an array-like object, and index 0 apparently holds all the properties I'm trying to get at. When I try to access with $(this[0]), it instead appears to return the prototype which is not what I want. Does anyone know how to access the button properties using this?
Kent Saeteurn
@sansae
Jun 28 2018 16:43

Thank you so much for helping me @Feldbot, although I don't understand why this worked previously, but not now. As I mentioned in my original message, I completed this challenge a while ago, and at the time, when I submitted my work, everything was working. It was not until I checked on this project a week ago that I noticed the image was no longer displaying.

Also, I ended up using span instead of div as it worked for me better. Thank you again @Feldbot

Daniel
@Feldbot
Jun 28 2018 16:46
@sansae I don't understand quite what was happening either, but glad I could help find a solution!
Kent Saeteurn
@sansae
Jun 28 2018 16:57
@Feldbot, I took a look at your fiddle, and I was able to access the button properties using this. Maybe this is what you were looking for? https://jsfiddle.net/2of5euky/20/
Daniel
@Feldbot
Jun 28 2018 17:04
@sansae Yes, that works and is a good solution, thanks. The way I was doing it returned an object that has one index at 0 with tons of properties on it, and I was wondering how to access those.
Kent Saeteurn
@sansae
Jun 28 2018 17:09

@Feldbot If you wanted to use $, then the following should work as well: $(this)[0]
Maybe someone can chime in and correct me if I'm wrong, but my understanding is that $(this)[0] == this. If you try this in the console, you'll see that both give you the same results:

<button id="btn_test" value="hi">TEST</button>

Thanks again for the help @Feldbot. Happy coding
Daniel
@Feldbot
Jun 28 2018 17:13
@sansae That's what I was looking for! I had $(this[0]) instead of $(this)[0]. I couldn't for the life of me figure out why I couldn't access. Hee heee. Thanks Kent! Happy coding to you too :-)
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 17:28
hi peeps...need help with a website...adigitalconcept.com. on my phone the gray background 1/2 the width and i want it to be full width...it's using parallax... any suggestions...thnx
alpox
@alpox
Jun 28 2018 17:34
@flyfishingbarbara It already has full width for me - on mobile (android) and desktop (small width)
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 17:44
@alpox thanx for feedback...on my iphone it's wonky...
hensn5250
@hensn5250
Jun 28 2018 17:44
@flyfishingbarbara should the grey background fill/cover the viewport?
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 17:45
@alpox ...see the button with text "architec research consult".... the button is not responsive... any solutions...
@hensn5250 yes
alpox
@alpox
Jun 28 2018 17:51

@flyfishingbarbara

    white-space: nowrap;

This prevents the button from wrapping the text on small screen

You may want to remove this property - or use media queries to only remove it on certain screen sizes
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 17:55
@alpox thnx for input...! will check it out... super helpful!
....hi peeps another question...who can i email to inquire about the changes to the curriculum..?? i was on my twitch.tv app and now everything has changed!! thnx!
hensn5250
@hensn5250
Jun 28 2018 18:01
@flyfishingbarbara did you solve the background issue? i tried to set the width various ways to make it 100% but it kept changing back to only 1/2 width. Are there any media queries set
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:02
@hensn5250 no there aren't...i'm gonna update to bootstrap 4 and c if that helps...thanks!
hensn5250
@hensn5250
Jun 28 2018 18:02
@flyfishingbarbara you can still continue the legacy certificates. you likely new to add a new email if your old email was via github. then log in with the new email.
Ghost
@ghost~5abd5491d73408ce4f93b0dd
Jun 28 2018 18:26

@flyfishingbarbara The background issue is because of:

.about-me-text {
  width: 700px;
}

Use a bootstrap column for those paragraphs instead

Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:34
@molelizaa_twitter thnks will check this out...!! thanks again
@hensn5250 re curriculum...is that right! phew.... my login was a github email addy...so now i just have to create another login addy...??
Kent Saeteurn
@sansae
Jun 28 2018 18:39

Hello, for my localWeather app, everything works fine when I'm on my pc (I've tested this using both Chrome and Firefox, in both my Host OS and Ubuntu Guest OS in Virtualbox).

However, when I open up chrome on my android phone and visit my localWeather pen in CodePen, the JSON data that I pull from FCC's weather api does not replace the text on the page (i.e. Location, Temperature, Forecast, and Weather Icon). Can anyone help me understand why?

Also, I am trying to debug this in my android phone. I followed the steps found here, but it did not work as the chrome browser from my laptop did not detect my phone. Anyone know a workaround to this?

Christopher McCormack
@cmccormack
Jun 28 2018 18:40
@flyfishingbarbara try using https://www.freecodecamp.org/deprecated-signin
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:44
@cmccormack i have no problem logging in.... it's that the whole curriculum has changed! i was on the last of the intermediate projects...
Christopher McCormack
@cmccormack
Jun 28 2018 18:45
So you have items completed? @flyfishingbarbara
You can still get the legacy cert - check in Settings > Legacy Certification Settings > Legacy Front End Projects
I don't think the twitch project is part of the new curriculum though
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:47
@cmccormack yes....and they show up with the check marks...it's just that now there is 4x the challenges... i was on the twitch.tv challenge, then the last 15 advanced algorithms to do and the last 4 or 5 advanced projects to do to get the cert for front end....
re twitch.tv - it's not...
what the heck!
Christopher McCormack
@cmccormack
Jun 28 2018 18:50
find it?
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:50
@cmccormack yes, under setting... so as long as i do those last few advance projects i get the front end cert, right?
Christopher McCormack
@cmccormack
Jun 28 2018 18:51
yup
the legacy front end cert
fine though
everything is shifted around for the new stuff but there's quite a bit of overlap
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:51
@cmccormack are you with fcc...this is for sure a fact...??
Christopher McCormack
@cmccormack
Jun 28 2018 18:52
I'm not but I can click the button in my settings and see the cert
even has my original completion date
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:52
and that completion date was after this 'new curriculum' came out...??
Christopher McCormack
@cmccormack
Jun 28 2018 18:53
no the legacy cert is not the same as the new frontend cert
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:54
no that's not what i'm asking/saying... you got your legacy cert done after the new curriculum came out...??
Christopher McCormack
@cmccormack
Jun 28 2018 18:54
no it was last year
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 18:57
yah, that still is different from my situation...
so i will just continue with the 'legacy cert projects' and HOPE i get a cert out of it...?? again i'd like to get an email for someone with FCC to confirm this... any ideas....?
Christopher McCormack
@cmccormack
Jun 28 2018 19:04
Maybe ask on the forum, I remember reading you should be able to get the legacy cert even if you didn't complete it before the change but you can do the research
Barbara Pentoney
@flyfishingbarbara
Jun 28 2018 19:42
@cmccormack ahhh thanks! have a good one!
Christopher McCormack
@cmccormack
Jun 28 2018 19:43
@flyfishingbarbara you too!
Daniel
@Feldbot
Jun 28 2018 19:57
@flyfishingbarbara You can still get your legacy front end cert. Look under your account settings, they have a legacy section and you just need to enter URLs for your projects to complete legacy cert.
Aita Kane
@aita-kane
Jun 28 2018 21:21
hello everybody I was wondering if it was necessary to add Meyer's CSS RESET when I use bootstrap ?