These are chat archives for FreeCodeCamp/Help

11th
Oct 2018
ICEBRRR
@Ly-Kyli
Oct 11 2018 00:40
Hi there, I need some help with making my product landing page mobile responsive. On the laptop it looks fine but when I check via mobile, my page has extra space and has scrolls. How can I remove the extra space and have it resize to fit exactly the page? https://codepen.io/lykyli/full/PyWGyb/ Thank you in advance!
Kaz Baig
@kbaig
Oct 11 2018 00:48
It's primarily because the div containing the image and 'Welcome' is too wide
You should add a breakpoint to make the flex direction vertical on smaller screens probably
@Ly-Kyli
Fabien SHAN
@X140hu4
Oct 11 2018 00:50
@Ly-Kyli The extra vertical space comes from a video element with a set width
ICEBRRR
@Ly-Kyli
Oct 11 2018 01:03
@kbaig @X140hu4 Thank you! Both suggestion was a part of it. I also figured out that it was the padding-left on the image that resulted in some extra space too.
Henry
@GitHub-Henry
Oct 11 2018 08:04
CSS Almanac could be useful
abraham anak agung
@padunk
Oct 11 2018 08:20
good read about JS Prototype
Henry
@GitHub-Henry
Oct 11 2018 08:36
i thought Kyle Simpson did a nice job explaining JS prototypes also.
Ahmad Abdolsaheb
@ahmadabdolsaheb
Oct 11 2018 08:43
hey, anyone doing the hacktoberfest?
Fay Vor
@phavor
Oct 11 2018 08:44
Yea @ahmadabdolsaheb
Ahmad Abdolsaheb
@ahmadabdolsaheb
Oct 11 2018 08:45
@phavor so I wanna do it as well, where do I sign up?
Aditya
@ezioda004
Oct 11 2018 08:45
Ahmad Abdolsaheb
@ahmadabdolsaheb
Oct 11 2018 08:46
thanks @ezioda004 @phavor
what happened to brownies?
Fay Vor
@phavor
Oct 11 2018 08:46
This should help http://hacktoberfest.digitalocean.com/ you should signup with your github account
May Kittens Devour Your Soul
@diomed
Oct 11 2018 08:55
hacktoberfest t-shirts is a lie
Jake
@JakeDVirus
Oct 11 2018 09:04
This message was deleted
This message was deleted
macus
@macusma
Oct 11 2018 09:05
<p>View more <a href="http://www.freecatphotoapp.com">cat photos</a></p>
Fay Vor
@phavor
Oct 11 2018 09:08
Everyone could anticipate that @diomed
Aditya
@ezioda004
Oct 11 2018 09:08
@NeelDVirus Your both examples have only screen
Jake
@JakeDVirus
Oct 11 2018 09:08
OOps

just a quick question regarding the media query.
Somewhere i see the only screen is included like

@media only screen (min-width: xyz) and (max-width: abc)

and somewhere i dont see the inclusion of only screen like

@media (min-width: xyz) and (max-width: abc)

is the use of only screen mandatory? or is is optional?

Aditya
@ezioda004
Oct 11 2018 09:09
@NeelDVirus So your question is whats the difference?
Jake
@JakeDVirus
Oct 11 2018 09:10
is the use of only screen mandatory? or is is optional?
Aditya
@ezioda004
Oct 11 2018 09:11
Never seen only screen but screen means its targeting pc, phones, tablets
The default is all
@NeelDVirus Its optional as in, if you wanna target all devices including printers, screen readers then dont use screen
Jake
@JakeDVirus
Oct 11 2018 09:13
@ezioda004 if i'm not mistaken do u mean that you've never seen the only screen. There are many instances where this is seen. you may google it..
@ezioda004 so when using breakpoint mediaquery for responsive design i presume it's ok not to include only screen. isn't it?
Aditya
@ezioda004
Oct 11 2018 09:15

@NeelDVirus

The keyword ‘only’ can also be used to hide style sheets from older user agents. User agents must process media queries starting with ‘only’ as if the ‘only’ keyword was not present.

So only is used to hide media queries from older browser
If you intend to support older browsers then dont use only

Jake
@JakeDVirus
Oct 11 2018 09:21
@ezioda004 Oh i see, Thanks mate
psyperl
@psyperl
Oct 11 2018 12:45
hello
Fay Vor
@phavor
Oct 11 2018 13:00
hi @psyperl
Is it just me? Why cant I seem to find the test float icon on FCC project Build Technical Documentation on Codepen. How do I run the test then?
psyperl
@psyperl
Oct 11 2018 13:14
not sure i've done that project
that much be the new test system on the new curriculum, i am not familiar with them.. ( plus is chrome only last time i checked )
another way of saying, one need to have chrome to complete certification
psyperl
@psyperl
Oct 11 2018 13:22
have you add https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js ?
Fay Vor
@phavor
Oct 11 2018 13:23
Add that to the scripts?
psyperl
@psyperl
Oct 11 2018 13:23
yes
Fay Vor
@phavor
Oct 11 2018 13:23
Nah
Let me try that
psyperl
@psyperl
Oct 11 2018 13:23
ok
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
Fay Vor
@phavor
Oct 11 2018 13:26
Oh wow
It showed up
Thank you @psyperl
psyperl
@psyperl
Oct 11 2018 13:26
awesome :thumbsup:
Fay Vor
@phavor
Oct 11 2018 13:27
Let me get back to work then...
psyperl
@psyperl
Oct 11 2018 13:27
ok, have fun coding
May Kittens Devour Your Soul
@diomed
Oct 11 2018 13:55
coding. ugh. it's the worst
Kyle Holm
@thekholm80
Oct 11 2018 14:01
@diomed x
May Kittens Devour Your Soul
@diomed
Oct 11 2018 14:06
heck! I :heart_eyes_cat: that one :smirk_cat:
@thekholm80 what databases u work with?
Kyle Holm
@thekholm80
Oct 11 2018 14:07
oracle some (not by choice) and mongodb
@EneCatalin is a sql master though
pretty sure bob uses it too
Eric Weiss
@eweiss17
Oct 11 2018 15:39
i'v only ever used mySQL, a basic google search will give you what you need for basic calls though
Marc
@MWBauer
Oct 11 2018 15:45
HEY EVERYONE!!!
Anyone currently on?
Aditya
@ezioda004
Oct 11 2018 15:48
Maybe
Ariel
@ArielLeslie
Oct 11 2018 16:23
sorta
May Kittens Devour Your Soul
@diomed
Oct 11 2018 16:27
@thekholm80 I promote r/smoking look, I know it's probably cancerous, and it'll probably kill you but I think it's totally worth it.
Kyle Holm
@thekholm80
Oct 11 2018 16:27
so hot
Christopher McCormack
@cmccormack
Oct 11 2018 16:29
I love smoking, no better way to make something people think took a lot of effort but actually lets you play video games for 8 hours while it does its own thing
May Kittens Devour Your Soul
@diomed
Oct 11 2018 16:30
I mean if they're not smoking on summer parties, why even go?
Steve2point0
@Steve2point0
Oct 11 2018 17:07
I've lost live preview in Sublime and Brackets. Is it just my PC? I keep getting an error message that my files/folders need to be in an index.html , any clues?
May Kittens Devour Your Soul
@diomed
Oct 11 2018 17:09
well do you have index.html?
Steve2point0
@Steve2point0
Oct 11 2018 17:13
Well yeah, Working files/index.html/ then I open new file, save as (name the file) then insert new html or bootstrap starter, add content, view in browser or live preview
Steve2point0
@Steve2point0
Oct 11 2018 17:21
I've also uninstalled and reinstalled both programs and firefox and chrome on my PC. On my laptop I only have brackets installed and it works just fine.
Niraj Nandish
@Nirajn2311
Oct 11 2018 17:27
@Steve2point0 why sublime when there is VSCODE
Steve2point0
@Steve2point0
Oct 11 2018 18:31
downloaded VSCODE, I'll have to learn it later, still can't figure out my preview problem.
Leon little
@lilleonz
Oct 11 2018 19:56
Why vscode when there is sublime?
😉
May Kittens Devour Your Soul
@diomed
Oct 11 2018 20:03
@Nirajn2311 it's coz I installed one font on my pc, and that font is my coding font
and no other editor will support it, strange enough
Niraj Nandish
@Nirajn2311
Oct 11 2018 20:04
Which font
May Kittens Devour Your Soul
@diomed
Oct 11 2018 20:04
premium font
Morebi Rounded
mustimuu
@mustimuu
Oct 11 2018 20:10
guys how do i share my jsfiddle?
May Kittens Devour Your Soul
@diomed
Oct 11 2018 20:13
by sharing link to it