by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • May 14 22:38
    @bjorno43 banned @minitechtips_twitter
  • May 14 22:37
    @bjorno43 banned @real-action
  • Feb 01 00:26
    @bjorno43 banned @Ndoua
  • Jan 07 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:33
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • May 10 2019 09:13
    @bjorno43 banned @zhaokunhaoa
  • Apr 27 2019 19:46
    @mstellaluna banned @zhonghuacx
  • Apr 25 2019 17:12
    @mstellaluna banned @cmal
  • Apr 01 2019 18:11
    thecodingaviator labeled #31179
  • Apr 01 2019 18:11
    thecodingaviator labeled #31179
  • Apr 01 2019 18:09
    thecodingaviator commented #31179
  • Apr 01 2019 18:09
    thecodingaviator labeled #31182
  • Apr 01 2019 18:09
    thecodingaviator labeled #31182
  • Apr 01 2019 18:07
    thecodingaviator commented #31182
  • Apr 01 2019 18:07
    thecodingaviator labeled #31190
  • Apr 01 2019 18:07
    thecodingaviator labeled #31190
  • Apr 01 2019 18:07
    thecodingaviator commented #31190
  • Apr 01 2019 18:05
    thecodingaviator commented #31157
  • Apr 01 2019 18:04

    thecodingaviator on master

    remove A (#31157) (compare)

CamperBot
@camperbot
seansaibot sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star: 1035 | @qualitymanifest | http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
np :+1:
B. Garber
@TheBGar
@mikaylaporter in this case, I believe you want your type to be "submit", yeah? Which exercise is this for?
Sean
@ofperfection
So i just called the original array instead of a new spliced variable and it ran correctly!
Mikayla Porter
@mikaylaporter
Wait never mind I figured it out
Jennifer Linkenauger
@jlinkenauger
Does anyone know if the <header> tag doesn't work in all browsers?
B. Garber
@TheBGar
@jlinkenauger here's a great resource -- https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header
@jlinkenauger check the browser compatibility section at the bottom of the listing
Jennifer Linkenauger
@jlinkenauger
thank you @TheBGar
CamperBot
@camperbot
jlinkenauger sends brownie points to @thebgar :sparkles: :thumbsup: :sparkles:
:star: 318 | @thebgar | http://www.freecodecamp.com/thebgar
B. Garber
@TheBGar
@jlinkenauger :thumbsup:
rocaportland
@rocaportland

Did anyone solved this challenge?
Add Borders Around your Elements
CSS borders have properties like style, color and width

For example, if we wanted to create a red, 5 pixel border around an HTML element, we could use this class:

<style>
.thin-red-border {
border-color: red;
border-width: 5px;
border-style: solid;
}
</style>
Create a class called thick-green-border that puts a 10-pixel-wide green border with a style of solid around an HTML element, and apply that class to your cat photo.

Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:

<img class="class1 class2">

Run tests (ctrl + enter)
Reset Help Bug
Your img element should have the class smaller-image.
Your img element should have the class thick-green-border.
Give your image a border width of 10px.
Give your image a border style of solid.
The border around your img element should be green.

Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
Greg D
@mosaic-greg
@rocaportland where are you stuck
kelvinshang
@kelvinshang
I am completely lost in the "Stand in Line" challenge, its asking: Write a function queue which takes an array (arr) and a number (item) as arguments. Add the number to the end of the array, then remove the first element of array. The queue function should then return the element that was removed.
function queue(arr, item) {
  // Your code here
  console.log(arr, item);
  console.log(arr.push(item));
  console.log(arr.shift());
  return item;  // Change this line
}

// Test Setup
var testArr = [1,2,3,4,5];

// Display Code
console.log("Before: " + JSON.stringify(testArr));
console.log(queue(testArr, 6)); // Modify this line to test
console.log("After: " + JSON.stringify(testArr));
rocaportland
@rocaportland
am stuck on Create an a element that links to http://freecatphotoapp.com and has "cat photos" as its anchor text.
B. Garber
@TheBGar
@rocaportland what are you having a hard time understanding
rocaportland
@rocaportland
I am lost in the part that say" your element should have the anchor text of "cat photo"
B. Garber
@TheBGar
@rocaportland can you post your code using the markdown format?
explain format
CamperBot
@camperbot

:point_right: code formatting [wiki]

Multi line Code

```js ⇦ Type 3 backticks and then press [shift + enter ⏎] (type js or html or css)

<paste your code here>,
then press [shift + enter ⏎]

``` ⇦ Type 3 backticks, then press [enter ⏎]

Single line Code

This an inline `<paste code here>` code formatting with a single backtick(`) at start and end around the code.

See also: ☛ How to type Backticks | ☯ Compose Mode | ❄ Gitter Formatting Basics

:pencil: read more about code formatting on the FCC Wiki

Mikayla Porter
@mikaylaporter
Can I please get help with use the bootstrap grid to put elements side by side
B. Garber
@TheBGar
@mikaylaporter look into the class "row" :wink:
Mikayla Porter
@mikaylaporter
Here is my code
<link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
  .red-text {
    color: red;
  }

  h2 {
    font-family: Lobster, Monospace;
  }

  p {
    font-size: 16px;
    font-family: Monospace;
  }

  .thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }

  .smaller-image {
    width: 100px;
  }
</style>

<div class="container-fluid">
  <h2 class="red-text text-center">CatPhotoApp</h2>

  <p>Click here for <a href="#">cat photos</a>.</p>

  <a href="#"><img class="smaller-image thick-green-border" src="https://bit.ly/fcc-relaxing-cat"></a>

  <img src="http://bit.ly/fcc-running-cats" class="img-responsive">
  <div class="row">
    <button class="btn btn-block btn-primary <div col-xs-4>">Like</button>
    <button class="btn btn-block btn-info <div col-xs-4>">Info</button>
<button class="btn btn-block btn-danger <div col-xs-4>">Delete</button>
  <p>Things cats love:</p>
  <ul>
<li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
  </ul>
  <p>Top 3 things cats hate:</p>
  <ol>
    <li>flea treatment</li>
    <li>thunder</li>
    <li>other cats</li>
  </ol>
  <form action="/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor"> Indoor</label>
    <label><input type="radio" name="indoor-outdoor"> Outdoor</label>
    <label><input type="checkbox" name="personality"> Loving</label>
    <label><input type="checkbox" name="personality"> Lazy</label>
    <label><input type="checkbox" name="personality"> Crazy</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</div>
rocaportland
@rocaportland
<p>Here's a <a href="http://freecatphotoapp.com"> cat photo</a> for you to follow.</p>
Mikayla Porter
@mikaylaporter
Is that for me?
B. Garber
@TheBGar
@mikaylaporter did that help?
Mikayla Porter
@mikaylaporter
Did what help
B. Garber
@TheBGar
@rocaportland looks like you just need to make sure you set the link in it
@mikaylaporter :point_up: March 1, 2016 8:14 PM
DJ
@qualitymanifest
This message was deleted
oddly enough that code passes for me when i copy and pasted, even though it's incorrect
B. Garber
@TheBGar
@rocaportland looks like you have the right example....not sure what your question is?
Mikayla Porter
@mikaylaporter
Well how do I fix it
@qualitymanifest
B. Garber
@TheBGar
@mikaylaporter which exercise is this for?
Mikayla Porter
@mikaylaporter
Do you just want the link
http://www.freecodecamp.com/challenges/use-the-bootstrap-grid-to-put-elements-side-by-side#?solution=%3Clink%20href%3D%22http%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DLobster%22%20rel%3D%22stylesheet%22%20type%3D%22text%2Fcss%22%3E%0A%3Cstyle%3E%0A%20%20.red-text%20%7B%0A%20%20%20%20color%3A%20red%3B%0A%20%20%7D%0A%0A%20%20h2%20%7B%0A%20%20%20%20font-family%3A%20Lobster%2C%20Monospace%3B%0A%20%20%7D%0A%0A%20%20p%20%7B%0A%20%20%20%20font-size%3A%2016px%3B%0A%20%20%20%20font-family%3A%20Monospace%3B%0A%20%20%7D%0A%0A%20%20.thick-green-border%20%7B%0A%20%20%20%20border-color%3A%20green%3B%0A%20%20%20%20border-width%3A%2010px%3B%0A%20%20%20%20border-style%3A%20solid%3B%0A%20%20%20%20border-radius%3A%2050%25%3B%0A%20%20%7D%0A%0A%20%20.smaller-image%20%7B%0A%20%20%20%20width%3A%20100px%3B%0A%20%20%7D%0A%3C%2Fstyle%3E%0A%0A%3Cdiv%20class%3D%22container-fluid%22%3E%0A%20%20%3Ch2%20class%3D%22red-text%20text-center%22%3ECatPhotoApp%3C%2Fh2%3E%0A%0A%20%20%3Cp%3EClick%20here%20for%20%3Ca%20href%3D%22%23%22%3Ecat%20photos%3C%2Fa%3E.%3C%2Fp%3E%0A%0A%20%20%3Ca%20href%3D%22%23%22%3E%3Cimg%20class%3D%22smaller-image%20thick-green-border%22%20src%3D%22https%3A%2F%2Fbit.ly%2Ffcc-relaxing-cat%22%3E%3C%2Fa%3E%0A%0A%20%20%3Cimg%20src%3D%22http%3A%2F%2Fbit.ly%2Ffcc-running-cats%22%20class%3D%22img-responsive%22%3E%0A%20%20%3Cdiv%20class%3D%22row%22%3E%0A%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-primary%20%3Cdiv%20col-xs-4%3E%22%3ELike%3C%2Fbutton%3E%0A%20%20%20%20%3Cbutton%20class%3D%22btn%20btn-block%20btn-info%20%3Cdiv%20col-xs-4%3E%22%3EInfo%3C%2Fbutton%3E%0A%3Cbutton%20class%3D%22btn%20btn-block%20btn-danger%20%3Cdiv%20col-xs-4%3E%22%3EDelete%3C%2Fbutton%3E%0A%20%20%3Cp%3EThings%20cats%20love%3A%3C%2Fp%3E%0A%20%20%3Cul%3E%0A%20%20%20%20%3Cli%3Ecat%20nip%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elaser%20pointers%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Elasagna%3C%2Fli%3E%0A%20%20%3C%2Ful%3E%0A%20%20%3Cp%3ETop%203%20things%20cats%20hate%3A%3C%2Fp%3E%0A%20%20%3Col%3E%0A%20%20%20%20%3Cli%3Eflea%20treatment%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Ethunder%3C%2Fli%3E%0A%20%20%20%20%3Cli%3Eother%20cats%3C%2Fli%3E%0A%20%20%3C%2Fol%3E%0A%20%20%3Cform%20fccfaa%3D%22%2Fsubmit-cat-photo%22%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Indoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22radio%22%20name%3D%22indoor-outdoor%22%3E%20Outdoor%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Loving%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Lazy%3C%2Flabel%3E%0A%20%20%20%20%3Clabel%3E%3Cinput%20type%3D%22checkbox%22%20name%3D%22personality%22%3E%20Crazy%3C%2Flabel%3E%0A%20%20%20%20%3Cinput%20type%3D%22text%22%20placeholder%3D%22cat%20photo%20URL%22%20required%3E%0A%20%20%20%20%3Cbutton%20type%3D%22submit%22%3ESubmit%3C%2Fbutton%3E%0A%20%20%3C%2Fform%3E%0A%3C%2Fdiv%3E%0A
B. Garber
@TheBGar
@mikaylaporter if that's easiest, just trying to get the context to help you out
Mikayla Porter
@mikaylaporter
Okay
Kazadi K.
@kazadi
is anyone able to help with the Palindrome exercise?
B. Garber
@TheBGar
@mikaylaporter got it. Ok so you need to make sure you always close your <div> tags
Mikayla Porter
@mikaylaporter
Okay
B. Garber
@TheBGar
@mikaylaporter it's a simple thing but always be on the lookout for missing open/close tags....secondly, when assigning a class to an html element you need to name it such...<div col-md-4> doesn't give the div that class....do you remember how to do inline css?
@TheBGar or assigning classes and ids?
Mikayla Porter
@mikaylaporter
Well i added to it and it still isnt working
B. Garber
@TheBGar
@mikaylaporter did you find the missing closing tag?
Rita Alfonso
@alfonsotech
@kazadi yes, can you post the code you have so far