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
octopinky sends brownie points to @irvin3 :sparkles: :thumbsup: :sparkles:
:cookie: 298 | @irvin3 |http://www.freecodecamp.com/irvin3
Nick Irvine
@irvin3
@Octopinky yea i guess that is one of the downfalls of using a premade framework
Olga C
@Octopinky
@irvin3 it would take ages to write a new one. there is no need to re-invent the wheel
Sorin Ruse
@sorinr
@irvin3 you should work on this: .numRow { height: 50px;}
Nick Irvine
@irvin3
@Octopinky yea i mean specifically it wouldnt be difficult to make my own button
@sorinr what should i work on for it? I am having a bit of a problem getting the buttons to be the height of the row
Sorin Ruse
@sorinr
@irvin3 make it 42px as your buttons height
Nick Irvine
@irvin3
@sorinr yea but then my buttons touch on the rows and it looks kind of weird
Olga C
@Octopinky
@irvin3 I agree, It does look weird...
Sorin Ruse
@sorinr
@irvin3 i know. but you said you want to get rid of the space between buttons
Nick Irvine
@irvin3
Yea there is some issue with the margin around the button, I feel like I may need to just put columns around them, because making the buttons the same height as the row messes up the formatting now
Sorin Ruse
@sorinr
@irvin3 you can make the .numRow and buttonFormat total width to be equal with 27+12+12+1+1 and then you can play with margins to make them as you wish. hope it make sense :)
Nick Irvine
@irvin3
@sorinr where did those numbers come from?
Sorin Ruse
@sorinr
@irvin3 if you inspect your buttons in the devtools on boxmodel you will see how much space the buttons occupy on your page
Jakub Adamec
@jadamec16

Morning, which way is faster, please?

margin: 0 0 5% 0;

OR

margin: 0;
margin-bottom: 5%;
Sorin Ruse
@sorinr
@irvin3 i would use flex column for the container and flex row for the buttons
DJ
@qualitymanifest
@jadamec16 if there is any speed difference i'm sure it's so insignificant you shouldn't worry about it. margin: top right bottom left is faster to write though, so that's how i usually do it. btw it's margin:bottom not margin:down
Jakub Adamec
@jadamec16
@qualitymanifest Ok, thanks. I know, sorry.. it's morning... :D
CamperBot
@camperbot
jadamec16 sends brownie points to @qualitymanifest :sparkles: :thumbsup: :sparkles:
:star2: 1319 | @qualitymanifest |http://www.freecodecamp.com/qualitymanifest
DJ
@qualitymanifest
@jadamec16 np. if you're really curious, this article seems pretty good: https://benfrain.com/css-performance-revisited-selectors-bloat-expensive-styles/
Jakub Adamec
@jadamec16
@qualitymanifest wow, it looks great ;)
Sorin Ruse
@sorinr
@qualitymanifest i like this part: "Removing unused styles"
Dion Hobdy
@hobdydion

Hey guys, I am having some issues with my current assignment. I'm currently on the portfolio assignment and I am having trouble with the navbar and division between the "Portfolio" and "Contact" section. With the navbar, I am having trouble having it serve it's purpose. Whenever I click one of the links it directs me to the very top of the page rather than their appropriate sections.

Secondly, if you go through the HTML of this codepen, you will see a lot of <br> tags inbetween the portfolio thumbnail and the divider. If I remove all of the <br> tags the contact section and the divider will mix in with the portfolio section. Does anyone know why that is the case?

http://cdpn.io/VjBOLy

Cancel that. lol Sorry.
Jonathan Leon
@Wo1v3r
@hobdydion loved the typography on the navbar
Dion Hobdy
@hobdydion
lol Thanks @Wo1v3r Google Fonts does wonders.
CamperBot
@camperbot
:cookie: 316 | @wo1v3r |http://www.freecodecamp.com/wo1v3r
hobdydion sends brownie points to @wo1v3r :sparkles: :thumbsup: :sparkles:
Sorin Ruse
@sorinr
@hobdydion i would give the <p>'s same margin-left as the title of the section.
Greg Duncan
@GregatGit
@hobdydion to get bootstrap working properly you have to add jQuery and bootstrap.js to the javascript in the settingings and I highly remcomend using w3schools navbar template to get your portfolio going - if you go through all there bootstrap resources you'll be able to make a great first portfolio http://www.w3schools.com/bootstrap/bootstrap_scrollspy.asp
Dion Hobdy
@hobdydion
@GregatGit @sorinr Thanks guys! :)
CamperBot
@camperbot
hobdydion sends brownie points to @gregatgit and @sorinr :sparkles: :thumbsup: :sparkles:
:cookie: 721 | @gregatgit |http://www.freecodecamp.com/gregatgit
:warning: hobdydion already gave sorinr points
Jonathan Leon
@Wo1v3r
@hobdydion I'd add from experience of learning bootstrap just recently is that a great way to do so is with a mock up first , makes it alot easier and more intuitive using the grid system than cluttering the html with unecessary divs and classes
the doer
@ewathedoer
Hi, I’m looking for feedback on Simon Game http://theonewhodo.es/simon-game/
kirbyedy
@kirbyedy
@ewathedoer :thumbsup:
the doer
@ewathedoer
thanks for having a look @kirbyedy
CamperBot
@camperbot
ewathedoer sends brownie points to @kirbyedy :sparkles: :thumbsup: :sparkles:
:star2: 1324 | @kirbyedy |http://www.freecodecamp.com/kirbyedy
JW89
@JW89
Im looking to make a navigation menu with a border. Where do i specify the border for the entire menu bar?? I tried putting the menu in a div, doesnt work with div style, i tried putting the (style="border: 1px solid black;") in both the CSS for the UL element and as a style in HTML, doesnt work, i tried creating a P with a style, doesnt work

<body>

<ul style="border:1px solid black;">
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#Contact">Contact</a></li>
<li><a href="#About">About</a></li>
</ul>

</body>

css:

ul {
list-style-type: none;
margin: 0;
padding: 20;
width: 100%;
background-color: #555;
}

li {
float: left;
margin: 5px;
}

a {
display: block;
color: #555;
padding: 16px 16px;
text-decoration: none;
font-family: Arial;
font-size: 20px;
text-align: center;

}

li a:hover {
color: #555;
border: 1px solid silver;
}
.active {
background-color: #FFFFFF;
color: black;
}

the doer
@ewathedoer
How to make a toggle for a sctrict mode accessible from the keyboard? theonewhodo.es/simon-game
kirbyedy
@kirbyedy
maybe with jquery and keypress
keydown() actually
or something like that
where the key pressed is actually a number
for example I know that Enter is number 13