FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

Michael Cordero

@CyberPutty

@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;

}

Randy

@RandyGoldsmith

https://codepen.io/duel_drawer8/pen/zRwraZ?editors=1100

must be doing something wrong

Michael Cordero

@CyberPutty

https://codepen.io/Cyberputty/pen/PQKyJV

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?

put them in my hosting folder..
add href to them through my html
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

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

dinesh

@1532j0004kg

good luck :+1:

Where communities thrive

People

Repo info

Activity