Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
cumibulat
@cumibulat
hi all, i'm struggling in finishing the random quote machine.. i can complete the function / logic part, but i'm having hard time in the design part.. i still cannot figure out how to make a box and centre it in the page..
rishabh81
@rishabh81
Are you using flexbox
??
You need do justifyContent:'center' @cumibulat
And flex:1
cumibulat
@cumibulat
@rishabh81 haven't tried flexbox.. just struggle with row, panel, wells :D
i'll try flexbox then.. sorry, so we should use the BS4 or BS3 ? in codepen it will use BS4 , but i got some strange behavior when i working the tribute page.. that's why i always use BS3 then..
rishabh81
@rishabh81
@cumibulat can you send screen shots of your css and design how it looks like
Ken Haduch
@khaduch
@cumibulat - since the somewhat minimal lessons that FreeCodeCamp has are based on Bootstrap 3, I think that that is a better option to stick with. You can find documentation on BS4, including this https://v4-alpha.getbootstrap.com/migration/ migration document, but I would recommend using V3. Also, CodePen now updated to have a Quick Add for Bootstrap 3, instead of just having the default be V4, so that makes it a little easier to add in. Although it doesn't look like they added that same version-selection option for the bootstrap.js, so beware of that.
cumibulat
@cumibulat
@rishabh81 err... i have to copy it to the codepen first, because i usually do it in atom locally :D .. but i will give it a try with flexbox..
@khaduch yeah i just check that codepen now have the BS3 option.. is flexbox is already available in BS3 ?
teevik
@teevik
@piyush805 Probably, never tried it
Krishna Patel
@Shivkrupa9
Can anyone tell me what is <meta charset="utf-8"> and what exactly meta means
Ravi Kishore Thella
@ravikishorethella
@Shivkrupa9 it specifies the character encoding
https://www.w3schools.com/TAGs/att_meta_charset.asp
Ken Haduch
@khaduch
@cumibulat - flexbox is basically a feature of CSS, so it is available in any browser that provides support for it. You can use it without using Bootstrap just by using the flexbox properties. An interesting way to get some exposure to it is with this "game" http://flexboxfroggy.com/ - it walks you through lessons on using the various flexbox settings.
Amanda
@alsmith101
Hi fellow campers, I'm having trouble trying to centre a navigation bar. It sounds pretty simple, but whatever entering technique I try, it is lying slightly over to the right hand side. If anyone spots anything in my code that's incorrect I would highly appreciate it! Cheers https://codepen.io/smithtech/pen/PjWjKx/
Ken Haduch
@khaduch
@alsmith101 - there is some padding of 40px in there somewhere- trying to sort out where it is. It might just be a setting on the list?
Amanda
@alsmith101
@khaduch ah I see, you're right! I took off the ul and just switched it for a regular div and it worked
Ken Haduch
@khaduch
@alsmith101 - there is 40px padding on the ul element. If you go into your CSS settings for ul and add padding-left: 0; it will override that. Not sure if you want to affect all of your UL elements with that, maybe you can add it to a class for that ul?
Amanda
@alsmith101
@khaduch cool I'll give that a go, thanks for your help
CamperBot
@camperbot
alsmith101 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3005 | @khaduch |http://www.freecodecamp.com/khaduch
Ken Haduch
@khaduch
@alsmith101 - you're welcome. Good luck!
Toby J. Henderson
@Mr-Henderson
hello please help with my personal portfolio site... heres what I did... Im basically copying aother site I built from Udemy and converting it to my portfolio site... The site renders great on GIT Hub yet when I open the files in brackets it has a bunch of broken images... I currently have to repos one is the origional travel-site and one is camp-code my portfolio because I camp and code things while camping everywhere... any way please help
ibtehaj raza
@ibtehajraza
hi there
there is a problem i need to ask
Toby J. Henderson
@Mr-Henderson
see its a pretty awesome template displaying the use of advanced css and html 3 it seems way better then using bootstrap yet is quite a bit more tough
ibtehaj raza
@ibtehajraza
jQuery is not working in code pen
Toby J. Henderson
@Mr-Henderson
ibtehaj raza
@ibtehajraza
i have enabled it but still no luck
i am at challenge number 1
Toby J. Henderson
@Mr-Henderson
@ibtehajraza hmm Im sure you cleared cache already and refresh
thats all I can tell you here
ibtehaj raza
@ibtehajraza
okey let me try
Toby J. Henderson
@Mr-Henderson
lol i mean css3 and html 5
hmm challenge #1 let me check that
ibtehaj raza
@ibtehajraza
scripts are not working
Toby J. Henderson
@Mr-Henderson
hmmm look on youtube there are 3 or 4 guys doing entire challenges all of them... copy paste challenge name... problem solved
I did this one and can copy paste what i did
ibtehaj raza
@ibtehajraza
ooh okey thanks
Toby J. Henderson
@Mr-Henderson
np
Veronica Eulenberg
@HappyViki
How do I get json from wikipedia?
ibtehaj raza
@ibtehajraza
no but i dont want to copy past
thanks though
Toby J. Henderson
@Mr-Henderson
what challenge number?
for the JSON wikipedia was that the maps challenge
can you post code here
with back ticks (shift enter) copy paste code then 3 more back ticks
<script>
  $(document).ready(function() {
    $('button').addClass("animated bounce");
  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>
also dont forget to click chat mode this will allow you to post terminal