Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Jun 19 20:09
    @krisb1220 banned @Gastony
  • May 14 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 22:38
    @bjorno43 banned @real-action
  • Feb 01 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 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
Sweet Coding :)
@SweetCodingInc
@RandyGoldsmith You could. but it will be harder that way
Randy
@RandyGoldsmith
looked it up and they have some solutions on overstack but they arent easy to understand
not very good at html and css..this is suppose to help me with that
Michael Cordero
@CyberPutty
@RandyGoldsmith take out all of the lines and place a div before the one with the list. then position it absolutely. give it a height and a margin as well as border left in order to position it. it will be absolutely positioned within the div. but you need to make sure to stay away from the top,bottom,left,right properties as that will sort of disconnect it from the div.
@RandyGoldsmith
.timeline
{ 

  height:60px;
  position: absolute;
 margin-left:30px;
  border-right: 1px solid;
  display:inline-block;

}
<div class="timeline">

      </div>
      <div class="work">
        <ul class="">
          <li class="">Design Director at Big Design, New York</li>
          <li>Senior Designer at Design Company, Brookyln</li>
          <li>Designer at Brand New, Paris</li>
        </ul>
      </div>
@RandyGoldsmith you should also make work display:inline-block i believe.
Randy
@RandyGoldsmith
@CyberPutty hmm..trying it now
Michael Cordero
@CyberPutty
.work {

  display:inline-block;

}
must be doing something wrong
Michael Cordero
@CyberPutty
Claudio Restifo
@Marmiz

I think the best approach is using pseudo-elements (:before or :after).
Could be a chance to learn them?

You can use it to style the bullet point as well :)

Michael Cordero
@CyberPutty
@RandyGoldsmith compare is that what you want
Randy
@RandyGoldsmith
@CyberPutty yes thanks, its very close..i just need the line to run through the circles
CamperBot
@camperbot
randygoldsmith sends brownie points to @cyberputty :sparkles: :thumbsup: :sparkles:
:cookie: 307 | @cyberputty |http://www.freecodecamp.org/cyberputty
Randy
@RandyGoldsmith
@Marmiz yeah i may have to learn them and read up on how to do that
Claudio Restifo
@Marmiz

@RandyGoldsmith I'd go with something like:

li:before {
 content: "";
 width: 5px;
 height: 10px;
 position: absolute;
 background: 'acquamarine';
}

and then play around with top and left/right according to your font size

width and height are just random number as well
Randy
@RandyGoldsmith
@Marmiz okay thank you
CamperBot
@camperbot
:star2: 1160 | @marmiz |http://www.freecodecamp.org/marmiz
randygoldsmith sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
Claudio Restifo
@Marmiz
probably the div solution as @CyberPutty suggested work as well, I just never tried it :)
Dany Din
@danydin

@Marmiz i found for example those fonts:
https://github.com/lcdvirgo/bootstrap/tree/master/assets/fonts/%5BFontFont%5D%20Kievit

how i apply them on my site what are the stages?

  1. put them in my hosting folder..
  2. add href to them through my html
  3. call them through the class-css i want to apply?
    finish?
Dany Din
@danydin
??
Claudio Restifo
@Marmiz
@danydin you can simply add a font-face tags into your CSS
@font-face {
      font-family: whatever;
      src: url(path to your font);
} 

/* then use it as normal */
body {
  font-family: whatever
}
Dany Din
@danydin
whats the @ purpose
i dont want it on all the site
@Marmiz thanks
CamperBot
@camperbot
danydin sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:star2: 1161 | @marmiz |http://www.freecodecamp.org/marmiz
Claudio Restifo
@Marmiz
@danydin at-rule --> read the docs! :)
Fabien SHAN
@X140hu4
Styling the simon game with pure css is hard haha
dinesh
@1532j0004kg
is the 9 and 10 project is tough?
Fabien SHAN
@X140hu4
9 and 10?
dinesh
@1532j0004kg
yup , in fcc
Fabien SHAN
@X140hu4
The last one of the front-end section. Yeah the 10th
dinesh
@1532j0004kg
10 th is tough okay .
:+1:
what about 9th one
Fabien SHAN
@X140hu4
The tic tac toe? I had trouble with the minmax algo implementation
Claudio Restifo
@Marmiz
@X140hu4 it's not that hard, to fake a button press all you can do it just add some box-shadow so that it looks like it.
(like going deeper into the page or higher to the screen so it looks like in 3D)
dinesh
@1532j0004kg
@X140hu4 cool,thanks
CamperBot
@camperbot
1532j0004kg sends brownie points to @x140hu4 :sparkles: :thumbsup: :sparkles:
:cookie: 323 | @x140hu4 |http://www.freecodecamp.org/x140hu4
Fabien SHAN
@X140hu4
@1532j0004kg Have you finished the front end?
dinesh
@1532j0004kg
7 project only.
Fabien SHAN
@X140hu4
So you finished the JS calc?
dinesh
@1532j0004kg
yes