These are chat archives for FreeCodeCamp/HelpFrontEnd

4th
Dec 2018
Norvin Burrus
@ndburrus
Dec 04 2018 01:23
@BrianWilliams28 this may be helpful :sparkles:
Stevegolden12
@Stevegolden12
Dec 04 2018 06:35
@muhidav you can use width: 100px to reduce the size. The issue is since px is a static value it is not very responsive. Which means you would need a lot of media queries to have it look good at every size monitor. Most people will use a relative unit like % or vw/vh.
@bradley1492 Glad you got it working!
Stevegolden12
@Stevegolden12
Dec 04 2018 06:43
@bradley1492 So Christopher, I would add a wrapper span around the image. on medium breakpoint (776px) make the span a block/width: 100% if needed to push the right nav to the next line. Align-text: center on the image should center itself. Hope that helps.
BrianWilliams28
@BrianWilliams28
Dec 04 2018 16:02
@ndburrus thank you
Norvin Burrus
@ndburrus
Dec 04 2018 16:36
@BrianWilliams28 you're welcome! enjoy, happy coding :sparkles:
Christopher
@bradley1492
Dec 04 2018 23:09
@Stevegolden12 Thanks for your tips once more. This brought me on the right direction. :)
Does anyone know why my fontawesome barsicon gets a funny look with a fourth weird line at the bottom as soon as I activate display:flex;?
https://codepen.io/bradley1492/pen/JeqJam?editors=1100
Lucci Paula
@luccipaula
Dec 04 2018 23:12
@bradley1492 Add text-decoration: none; to burger-nav :)
It's the default underline on a link
Christopher
@bradley1492
Dec 04 2018 23:13
@luccipaula manyyy thanks, I had absolutely no idea what was going on hahaha
Lucci Paula
@luccipaula
Dec 04 2018 23:15
@bradley1492 No problem!