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
Michael Cordero
@CyberPutty
<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
CamperBot
@camperbot
danydin sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
Dany Din
@danydin
@Marmiz thanks
CamperBot
@camperbot
: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
what about you @X140hu4 ?
Fabien SHAN
@X140hu4
@Marmiz Thanks for that :) I trying a few things for the center piece. My project so far: https://codepen.io/X140hu4/pen/RQZvye
CamperBot
@camperbot
x140hu4 sends brownie points to @marmiz :sparkles: :thumbsup: :sparkles:
:star2: 1162 | @marmiz |http://www.freecodecamp.org/marmiz
Fabien SHAN
@X140hu4
@1532j0004kg I am on this one and I am finished with the front-end