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
CamperBot
@camperbot
:cookie: 372 | @njm8 |http://www.freecodecamp.org/njm8
Dimitris Nik.
@dimitrissnk
Hello there, I have two different media queries for different screen sizes, I have a problem with the "small version" which would be used for mobile and tabled devices.. https://codepen.io/dimitris51/pen/GxOVbX
Can somebody help?
disjfa
@disjfa
Dont use max and min width. Only min. (just a tip). So you have always a base for mobile
And dont use position absolute ^_^
disjfa
@disjfa
I removed all media queries and posistion absolutes and it worked like a charm
SakisBal
@SakisBal
hey everyone, i have a question for the experienced folks in here, i have been working on websites for a little bit more than 1 and half a year now, i have been working with, html,css,javascript,jquery a little bit react, php ,databases , wordpress and i have created 1 website for a small company with wordpress and 1 with plain html,css,javascript and javascript frameworks for another company, im not sure how to continue right now, where to focus most ? and i want to have my skills evaluated by someone to see if i actually do know these things or i have to revise some of my knowledge
any good place you know to find a mentor or something like that?
tnx in advance for anyone answering
Ghost
@ghost~5abd5491d73408ce4f93b0dd
@SakisBal Find a meetup near you, perhaps on meetup.com
SakisBal
@SakisBal
tnx mat
Ghost
@ghost~55a04b725e0d51bd787af54c
folks
is anyone here?
Ghost
@ghost~5a4a80acd73408ce4f859755
@Refath Hey :wave:
zootechdrum
@zootechdrum
hey guys, I am trying to make my h2 tag closer to the travis barker profile pic i cant seem to reduce the h2 and the p tags closer to travis barkers round image
here is the codepen link
I want to reduce black space between image and text
Stephen James
@sjames1958gm
@zootechdrum Weird there is space at the top of figcaption that I cannot figure out where it is coming from
@zootechdrum its like the space there is where the image is taking up space, but you have moved it up
@zootechdrum Try setting the margin-bottom of the image to -100px
Gulsvi
@gulsvi

@zootechdrum

Setting the top, right, bottom, and left properties of a relatively-positioned element will cause it to be adjusted away from its normal position. Other content will not be adjusted to fit into any gap left by the element.

So, what's happening here is that the image with the .faceprofile class is taking up that space because it is set to position: relative. The quick fix is to do what @sjames1958gm recommends.

You could also make figcaption have a relative position and change the .faceprofile to absolute position instead of adjusting the bottom margin
.profile1 figcaption {
  position: relative;
}

.profile1 .faceProfile {
  position: absolute;
  border-radius: 50%;
  max-width: 90px;
  opacity: 1;
  bottom: 100px;
  left: 25px;
}
zootechdrum
@zootechdrum
@gulsvi @sjames1958gm thanks so much. guys. I really appreciate it.
CamperBot
@camperbot
zootechdrum sends brownie points to @gulsvi and @sjames1958gm :sparkles: :thumbsup: :sparkles:
:star2: 2694 | @gulsvi |http://www.freecodecamp.org/gulsvi
:star2: 9148 | @sjames1958gm |http://www.freecodecamp.org/sjames1958gm
Ghost
@ghost~55a04b725e0d51bd787af54c
hi
Is anyone on?
Dhaval Vira
@dhavalveera
Hi
guys why is data.stream undefined?
Frosty427
@Frosty427
image.png
how would i make this div take up the other half of the page?
like a left and right kind of thing
the light blue is taking up 50% of the page and i need the darkblue to do the same
kerafyrm02
@kerafyrm02
hi ppl. who needs help?
Dhaval Vira
@dhavalveera
for which purpose
kerafyrm02
@kerafyrm02
idk any?
Dhaval Vira
@dhavalveera
you are Expert in Front-End ?
kerafyrm02
@kerafyrm02
JS / CSS?
yeah
pretty good anyways
kerafyrm02
@kerafyrm02
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">
      <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
  </head>
  <body>
    <div class="left-right-container">
    <div class="lef-haf">
      <p class="items"><i class="fas fa-search icons"></i>Follow your interests.</p>
       <p class="items"><i class="fas fa-users icons"></i>Hear What people are talking about.</p>
      <p class="items"><i class="far fa-comment icons"></i>Join the conversation.</p>
    </div>


    <div class="rit-haf">
      <input type="text" name="" value="">
    </div>
    </div>
  </body>
</html>



@font-face {
  font-family: Segoe UI; src: url('Sego UI.ttf');

}
body {
  margin: 0;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: 700;

}

.left-right-container {
  display: flex;
}

.lef-haf {
  width: 50%;
  display: flex;
  background: rgb(29, 161, 242);
  font-size: 18px;
  color: white;
  justify-content: center;
  /* flex-wrap: wrap; */
  align-content: center;
  flex-direction: column;
  height: 100vh;

}





.items {
margin-left: 150px;

}

.icons {
  margin-right: 10px;
}


.rit-haf {
  /* position: relative;
  width: 50%;
  left: 50%; */
  width: 50%;
  height: 100vh;
  background-color: #1b2836;
  color: white;

}
There's your answer frosty
Anyone else need help
Dhaval Vira
@dhavalveera
@kerafyrm02 pls message me directly
coderNewby
@coderNewby
@darrenfj thanks
CamperBot
@camperbot
codernewby sends brownie points to @darrenfj :sparkles: :thumbsup: :sparkles:
:star2: 2443 | @darrenfj |http://www.freecodecamp.org/darrenfj
Federico Dente
@fez994
Hello guys i need help with javascript, can someone help me?
Sweet Coding :)
@SweetCodingInc
@fez994 post your question