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
kerafyrm02
@kerafyrm02
body {
  background:black;
}

h2{
  text-align:center;
  color:white;
}
.navbar{
  border-radius:5.5px;
}

.img_button_container {
  display: flex;
  flex-flow: column;
  align-items: center;
}

li .nav-link {
    box-sizing:border-box;
    float:left;
    line-height: 1px;
    padding-top: 12px;
    height:25px;
    border-right:solid 1.5px #000000;
}
/*Used for Brand image in navbar*/

.site_container {
  padding: 20px;
  max-width: 1140px;
  margin: auto;
  margin-top: 50px;
}

.img_content_container {
  display: flex;
}

.img_container {
  padding-right: 50px;
}

.img_container img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  width: 200px;
  height: 200px;
}

.content_container {
  color: #fff;
  background: #83878e;
  padding: 20px;
  border-radius: 10px;
  font-size: 18px;
  font-family: "Open Sans", sans-serif;

}

#part_2 {
  margin-top: 80px;

}

.codepen_container {
    display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.codepen_img_container img { 
  width: 100%;
}

.codepen_img_container {
  max-width: 700px;
  margin: 40px
}
<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
</head>
<body>
  <div class="container">
    <nav class="navbar navbar-expand-lg navbar navbar-light" style="background-color: #83878e;">
      <a class="navbar-brand" href="#"><img src ="https://www.towerhamlets.gov.uk/images_and_video/Business/Enterprise/code_club_uk.png" height="67" alt="fender logo"/></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">ABOUT<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">PORTFOLIO</a> 
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">EXPERIANCE</a>
          </li>
        </ul>
        <span class="navbar-text">
          Navbar text with an inline element
        </span>
      </div>
    </nav>
  </div>
  <!--End of Navbar-->

  <div class="site_container">

  <div class="img_content_container">
   <div class="img_container">
    <img src="https://scontent-lax3-1.xx.fbcdn.net/v/t1.0-9/21272101_1554891554568374_1794390751516768223_n.jpg?_nc_cat=0&oh=afaec440ab2b7ac4cbdd6f71ae52e429&oe=5B32CF66" height="280" width="270"alt="A photo of a geek">
  </div>
  <div class="content_container">
    <p>Up and Coming web developer with experiance in both Front-end and Back-end technologies. Past experiance includes front end developer for Fender Musical Instruments Corporation. I have provided ownership for development, maintenance, and understanding of Applications in a Functional Business environment</p>
  </div>
  </div> 


    <div id="part_2">
    <h2>Profile</h2>
    <div class="codepen_container">
     <div class="img_button_container">
      <div class="codepen_img_container">
      <img src="https://lisamuel.files.wordpress.com/2014/10/responsivephotogallery.png" alt="codepen image1"/>
      </div>

      <div class="image-button"> 
        <button id="button1" type="button" class="btn btn-primary">Primary</button>      </div>
      </div>
<div class="img_button_container">
      <div class="codepen_img_container">
      <img src="https://lisamuel.files.wordpress.com/2014/10/responsivephotogallery.png" alt="codepen image1"/>
      </div>
      <div>
      <button id="image-button" type="button" class="btn btn-primary">Primary</button>         
    </div>
  </div>
      </div>
  </div>
  </div>
  <!--End of Part2-->
  <div id="part3">
    <h2>CONTACT ME</h2>
</body>
</html>
final result
.codepen_container {
    display: flex;
    /* flex-flow: row wrap; */  <-- remove this
    align-items: center;
}
and it will be side by side centered
Anyone else need help?
Alexander R Bott
@Abott1222
my js needs a doctor
Nate Mallison
@NJM8
thanks for the feedback @khaduch
CamperBot
@camperbot
njm8 sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 3855 | @khaduch |http://www.freecodecamp.org/khaduch
kerafyrm02
@kerafyrm02
anyone need help/
im here for about 10mins
Emil
@aguyinmontreal
Hi all! Is this valid Javascript/Jquery code? I've never seen that before, especially the |= part.
function markErrorRows($rows, add) { var added = false; $rows.each(function () { added |= markErrorRow($(this), add); }); return added; }
creator0323
@Amasian
How can I change the text of P element after getting P element through document.getElementBy~?n could you give me short example code? thank you
kerafyrm02
@kerafyrm02
<div id="some_container">
  <p id="p_tag">This is text</p>
</div>

var x = document.getElementById('p_tag');
x.innerHTML = 'This is an example';
@emil it's jquery
it goes through each row and using recurssion.
Emil
@aguyinmontreal
|= is recursion?
kerafyrm02
@kerafyrm02
no.
Emil
@aguyinmontreal
what is |= ?
kerafyrm02
@kerafyrm02
Likely a typo. Where do you see that
| means or
creator0323
@Amasian
@kerafyrm02 oh it works! thank you
CamperBot
@camperbot
:cookie: 287 | @kerafyrm02 |http://www.freecodecamp.org/kerafyrm02
amasian sends brownie points to @kerafyrm02 :sparkles: :thumbsup: :sparkles:
Emil
@aguyinmontreal
function markErrorRows($rows, add) { var added = false; $rows.each(function () { added |= markErrorRow($(this), add); }); return added; }
kerafyrm02
@kerafyrm02
I mean where are you copying that from?
Emil
@aguyinmontreal
some project someone else did
kerafyrm02
@kerafyrm02
It's likely an typo
Emil
@aguyinmontreal
what do you think is the correct code?
just = ?
kerafyrm02
@kerafyrm02
I= is c# language
Emil
@aguyinmontreal
what does it mean in c#?
basically the same as:
var x = 3;
x += 3; // x = x + 3;
but instead you use | (or). Whichever is true gets left-assigned
ie
Emil
@aguyinmontreal
so most likely he meant added += markErrorRow($(this), add);
but the var added = false; is making me confuse
because I don't think false += markErrorRow($(this), add); works
kerafyrm02
@kerafyrm02
Actually i just tested it- it works in JS.
var x = 3;
x |= 4; // x = 7
nevermind it doesnt lol
weird results;
Emil
@aguyinmontreal
kerafyrm02
@kerafyrm02
Anyhow-- what's your Q
Stephen James
@sjames1958gm
@kerafyrm02
3 is 011 and 4 is 100 so |= is 111 which is 7
kerafyrm02
@kerafyrm02
^
Yeah- please never do that in your code.. lol.