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
buckshot307
@buckshot307
@TjasaK can you post a link to it?
Tjasa Kravcar
@TDandelion
buckshot307
@buckshot307
@vvang044 try just using background: #d3d3d3;
Tjasa Kravcar
@TDandelion
@buckshot307 this Portfolio and Bio Section with an img + text
Vik
@vvang044
nope doesnt work
anyone? any suggestions?
Karolina Kluz
@karolinaKluz
@vvang044 can you show us your codepen?
something simple yet so complicated
Stephen
@stephepush
Seems to be one person whose helping over @HelpJavaScript, so I don't want to bogg him down any further. Can someone take a look at my code and help me? Its for the Seek and Destroy algo:
function destroyer(arr) {
  // Remove all the values
  arr = Array.from(arguments);
  var inp = arr[0];
  function seeker(inp){
    return inp != arr.slice(1);
  }
  var result = arr.filter(seeker);
  console.log(result)
  return result;
}

destroyer([1, 2, 3, 1, 2, 3], 2, 3);
drumm2k
@drumm2k
@vvang044 body { background:#d3d3d3; }
andreas2249
@andreas2249

Built basic page in under an hour. But have spent 9 hours trying to figure out how to responsively center image with caption (it's "forced" into position here with margin settings in .image-container class.) Stumped here.

https://codepen.io/andreas2249/pen/xOZQmm

Can someone point me in the right direction, please?

Thanks in advance. :)

Karolina Kluz
@karolinaKluz
@vvang044 my skills cannot be and id
bacause it is 2 words
my-skills in stead
and it will work
buckshot307
@buckshot307
@TjasaK still here?
Tjasa Kravcar
@TDandelion
yes
Vik
@vvang044
really? let me check
buckshot307
@buckshot307
@TjasaK okay sorting through it, i think i found the problem
Karolina Kluz
@karolinaKluz
@vvang044 really really
Vik
@vvang044
something new you learn
let me make those changes
Tjasa Kravcar
@TDandelion
@buckshot307 really? thats great!!
Vik
@vvang044
holy smokes it worked.....good god
thank you @karolinaKluz
CamperBot
@camperbot
vvang044 sends brownie points to @karolinakluz :sparkles: :thumbsup: :sparkles:
:cookie: 183 | @karolinakluz |http://www.freecodecamp.com/karolinakluz
Jonathan
@JonKaric
So Vik remember never to use spaces in id's. And only used spaces in classes when you want to seperate one (or more) class names.
Vik
@vvang044
i think i skipped that part when i was learning classes and id.....but this will actually teach me to be careful while choosing id and classes
Jonathan
@JonKaric
@andreas2249 are you here?
andreas2249
@andreas2249
Yes. :)
Hi, Jon.
Jonathan
@JonKaric
This probably isnt the best solution, but you need to add a new div outside of .image-container. Then give it a name such as class="inline-center";
.inline-center {
buckshot307
@buckshot307
@TjasaK it's really hard to read to be honest. I would consider formatting the html so things as easier to look at.
Jonathan
@JonKaric

text-align:center;

This will make the inline-block go central to the page. Oh, and remove the left and right margin from .image.container.

Ill send you a codepen so its easier to understand
Tjasa Kravcar
@TDandelion
@buckshot307 OK, i understand...i will try to do
andreas2249
@andreas2249
Thank you, @JonKaric
CamperBot
@camperbot
andreas2249 sends brownie points to @jonkaric :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for jonkaric
drumm2k
@drumm2k
how can i paste code?
andreas2249
@andreas2249
Yeah, that margin was just to "force" the image towards the center. I ran out of ideas... :(
drumm2k
@drumm2k
<code>test</code>
buckshot307
@buckshot307
@drumm2k type ``` and then shift + enter
drumm2k
@drumm2k
@andreas2249
.image-container{
      text-align: center;
    }

    .image-container figure {
      padding: 6px;
      box-shadow: 0 10px 12px #777;
      display: inline-block;   
      border: 1px solid black;
      margin: 0 auto;
      background-color: white;
      border-radius: 5px;
    }
Jonathan
@JonKaric
^ +1 for that solution, alot cleaner
drumm2k
@drumm2k
@andreas2249 it's because you need to align that inline-block from parent, not from itself.
andreas2249
@andreas2249
@drumm2k, OMG. Amazing. That's all it took? Thank you! Can you please explain a bit why .image-container didn't work in the parent <div>? Doesn't <figure> "inherit" that?