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
Mike
@mik123je
I was just trying different things.
I was sure it was font-size.
Tom
@moT01
something is overriding the font-size
Mike
@mik123je
I can't figure it out...
I can change it inline.
Tom
@moT01
probly your bootstrap class of small-text
works when you put it like this font-size: 30px !important;
Mike
@mik123je
Nope....I tried changing it with a class
Tom
@moT01
so something is overriding it
Mike
@mik123je
ooooohh I forgot about that!
Yes!!! That will work.
Tom
@moT01
or like this
.well p {
    font-size: 30px; }
Mike
@mik123je
Thank you. I'm still not sure what is overriding it, but glad I have something different than inline style.
Mike
@mik123je
I figured it out. I did not have an = sign after my Alt attribute in my image tag.
  <div class="thumbnail"><img src="http://bit.ly/2014_Masters_AP" alt"Arnold teeing it up">
 </div>
Guille
@guillegn
How i can use libraries and APIs to do my first front end project?
i dont rememeber anything in the challenges explaining about that
Mike
@mik123je
Rerun the 110 challenge it shows you how to setup Codepen
Guille
@guillegn
@mik123je I understand how to use codepen. My question is what libraries i supposed to use
Ajay Tanwar
@ajayt365
.keys .key{ border: 4px solid black; color:white; margin:0 8px; background: rgba(0,0,0,0.4); padding:4px; text-align: center; width: 110px; transition: all 0.3s; font-size: 20px; text-shadow: 0 0 5px black; } .playing{ transform: scale(1.1); border: 4px solid goldenrod; }
i was trying to add '.playing' to element with '.key' class. it was added but the border was not changed . how to change that ?
Tom
@moT01
@guillegn use whatever libraries you want or need, ...click the settings button and in the css and javascript tabs in the settings, theres a quick add at the bottom
Ajay Tanwar
@ajayt365
.keys .key{
    border: 4px solid black;
    color:white;
    margin:0 8px;
    background: rgba(0,0,0,0.4);
    padding:4px;
    text-align: center;    
    width: 110px;
    transition: all 0.3s;
    font-size: 20px;
    text-shadow: 0 0 5px black;
}
.playing{
    transform: scale(1.1);
    border: 4px solid goldenrod;
}
i was trying to add '.playing' to element with '.key' class. it was added but the border was not changed . how to change that ?
Tom
@moT01
@ajayt365 probly being overridden by the other class, try adding some more selectors to the .playing or removing some from other one
Ritvars
@RitvarsZ
Hi, can anyone help me center all the text inside my stream div?
You'll get what I mean when you open it: http://codepen.io/Ritvars/pen/apOKYa
Ajay Tanwar
@ajayt365
no overriding by other class @moT01
Tom
@moT01
got a pen?
@RitvarsZ flexbox can center vertically, https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ...or maybe a margin on top
Guille
@guillegn
@moT01 thank you. But still i thought a libray was a call to functionalities implementing a line of code. I'm confused now
CamperBot
@camperbot
guillegn sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 456 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
that sounds right, a lot of people use bootstrap for the first project or two, so add it in the css tab, and now all the bootstrap stuff is available for use
Ritvars
@RitvarsZ
@moT01 Wow, im such an idiot lol, been google searching for soo long, and all the solutions are so complicated that they didn't work. I had already looked into flexbox, but turns out its just 3 lines
  display: flex;
  align-items: center;
  justify-content: center;
@moT01 Thanks! :D
CamperBot
@camperbot
ritvarsz sends brownie points to @mot01 :sparkles: :thumbsup: :sparkles:
:cookie: 457 | @mot01 |http://www.freecodecamp.com/mot01
Tom
@moT01
@RitvarsZ i think weve all done that before
@RitvarsZ you might need some -webkit- stuff for more browser compatibility
Ritvars
@RitvarsZ
@moT01 Just found a 'bug'. I'm using foundation and when the browser goes into mobile mode, my rows don't work like they should
Tom
@moT01
did you try some bug spray?
Mario Galindo
@mariogalindov

Hi everyone! Can someone help me center the thumbnails? I have tried using different styles and classes such as center-block and text-align: center but they allow me to center just one thumbnail per row. Here’s my pen:

http://codepen.io/magv89/pen/WRQWrg?editors=1100

Ritvars
@RitvarsZ
@mariogalindov instead of col-xs-6 col-md-3 use col-xs-12 col-md-12 Then set a max-height of your needs
@mariogalindov Also, there is an arrow top right side of your html tab, use it to tidy up your html ;)
Mario Galindo
@mariogalindov
Thanks @RitvarsZ I’ll try it, and yes I have been playing around with several things and now everything’s a mess haha
CamperBot
@camperbot
mariogalindov sends brownie points to @ritvarsz :sparkles: :thumbsup: :sparkles:
:cookie: 281 | @ritvarsz |http://www.freecodecamp.com/ritvarsz
Tyler Moeller
@TylerMoeller
@mariogalindov Some of your inline styles are causing conflicts and the 'center-block' + 'thumbnail' classes are intended for images. Maybe give this a try:
<div class="row">
  <div class="col-xs-6 col-md-3 col-md-offset-3">
    <a href="#">
      <img class="img-responsive center-block thumbnail" src="https://upload.wikimedia.org/wikipedia/en/3/3d/Plague_Inc_loading_screen.png" alt="lo que sea">
    </a>
    <p class="text-center">Thumbnail 1</p>
  </div>
    <div class="col-xs-6 col-md-3">
      <a href="#">
        <img class="img-responsive center-block thumbnail" src="https://upload.wikimedia.org/wikipedia/en/3/3d/Plague_Inc_loading_screen.png" alt="lo que sea">
      </a>
      <p class="text-center"> Thumbnail 1</p>
    </div>
</div>
Mario Galindo
@mariogalindov
It worked! Thanks @TylerMoeller I think I have to investigate more about the thumbnail properties
CamperBot
@camperbot
mariogalindov sends brownie points to @tylermoeller :sparkles: :thumbsup: :sparkles:
:star2: 1302 | @tylermoeller |http://www.freecodecamp.com/tylermoeller