Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    David Castner
    @davidjcastner
    @lantech19446 otherwise you will probably have to use media queries
    Jonathan Herman
    @lantech19446
    ok cool, trying it now doesn't look too complicated. I can apply this class to a div or do I need to invoke it in each image?
    David Castner
    @davidjcastner
    flexbox works by attaching specific styling to both the container the element you want inside (which can be a div) and the elements inside the flexbox (which can be any block element I believe)
    Jonathan Herman
    @lantech19446
    hmm not sure this is going to work the way I made the buttons then
    David Castner
    @davidjcastner

    You can put your buttons in a container with the property of

    .class { display: inline-block; }

    inline block will make the elements have the minimal width around your button and also be a block element at the same time, or you can give your buttons the inline-block property as well

    Jonathan Herman
    @lantech19446
    that doesn't seem to be making a difference :(
    David Castner
    @davidjcastner
    @lantech19446 throwing together an example
    Jonathan Herman
    @lantech19446
    ok
    David Castner
    @davidjcastner
    Alright here is a forked version of your page with flexbox, I didn't do anything with text wrapping, but let me know if you need help with that http://codepen.io/davidjcastner/pen/beNBYw
    @lantech19446 I inserted lots of comments to help explain what the properties are doing, let me know if you need more explanation
    Jonathan Herman
    @lantech19446
    ooo ok so I actually have to have it in 2 different divs
    David Castner
    @davidjcastner

    @lantech19446 yes because your buttons consisted of two elements an image and text, if it was only the images, you could do it with

    .myImageButton { display: block; } /* not inline-block that was my fault */

    inline-block is for alignment in a row without a flexbox, forgot that

    Jonathan Herman
    @lantech19446
    interesting I'm building the code you put into mine step by step so I can see how each things effects them but it's ignoring my flex-direction
    David Castner
    @davidjcastner
    @lantech19446 hmm check if you had added any more css from the time that I forked it (the css above Flex Styling), also the minimal amount of properties required to get it to work are
    .container { display: flex; flex-direction:row; }
    .flex-item { flex-basis: 33%; }
    Jonathan Herman
    @lantech19446
    oooo I think I founbd it
    no I missed that you called the class other places also
    yep working great now, thank you
    David Castner
    @davidjcastner
    @lantech19446 my pleasure, I'm here to help :smile:
    Lily Romano
    @Lilyheart
    How goes Batman @Alexander-Huh ?
    @dbutler22 Enjoying the HTML so far?
    David Castner
    @davidjcastner
    Signing off for the day, but if anyone has any questions just ask them in here and we'll be happy to help
    Lily Romano
    @Lilyheart
    Have a good night @davidjcastner !
    Jonathan Herman
    @lantech19446
    Thanks again Dave
    Lily Romano
    @Lilyheart
    Whew. That challenge... was much. And I'm sure there was a better way, but I've only begun my math studies.
    Robert Maylie
    @rmaylie9560
    What site lil?
    Lily Romano
    @Lilyheart
    Under Intermediate Algorithm Scripting -> Smallest Common Multiple
    It's streaming if you are on chat.montcode.com. I had to take a break after that one.
    Robert Maylie
    @rmaylie9560
    HahahahašŸ˜‚ That bad huh?
    Jonathan Herman
    @lantech19446
    so happy you guys were here tonight, learning the flexbox stuff is helping me with the 2nd project too
    Robert Maylie
    @rmaylie9560
    And your super smart. That kind of question may end my hobby as a coder. Not that I would give up, but I was spend the remainder of my time trying to figure out the answer
    Alex H.
    @Alexander-Huh
    @Lilyheart batman is coming along ok
    Lily Romano
    @Lilyheart
    @rmaylie9560 the good news is there is plenty of help out there. Read-Search-Ask!
    Robert Maylie
    @rmaylie9560
    Not my style...
    kidding...
    i know you guys got my back if I need help.
    and then there is all that Googly goodness out there
    Lily Romano
    @Lilyheart
    :sleeping: imma head to bed. Didn't sleep much last night so going to see if I can get some extras.
    Robert Maylie
    @rmaylie9560
    Night.
    Robert Maylie
    @rmaylie9560
    so apparently fcc is acting glitchy. While in the middle of writing test statements for a switch statement it marked it correct and pushed me on.
    Lily Romano
    @Lilyheart
    The last challenge you did looks correct. Did you happen to hit ctrl when you hit enter?
    Robert Maylie
    @rmaylie9560
    but look at the test methods.
    theyre all 1
    stacked funny as well but thats besides the point
    Lily Romano
    @Lilyheart
    FCC will run all the test methods regardless. That is there for you to test your code as you work.
    Robert Maylie
    @rmaylie9560
    Ooooh i thought they validate all the test methods too when you run to code to pass the lesson
    Lily Romano
    @Lilyheart
    They do. regardless of what you put on the right, all the calls on the left will be run. You can test that but putting a console.log(arguments[0]); in your function, open your console and then hit the run button. It runs all the test no matter what.
    Robert Maylie
    @rmaylie9560
    Ahh that's awesome!!
    Anthony Zayas
    @anthonyzayas
    @rmaylie9560 @davidjcastner oh goodness... not the scorpion.. haha David will be pushing a scorpion project every hackathon now XD. I want to continue the drone project and once I know more node.js, I will transfer all the python code to it.
    David Castner
    @davidjcastner
    @anthonyzayas don't worry I won't push the scorpion at hackathons, going to work on it in my freetime
    Robert Maylie
    @rmaylie9560
    Drone scorpion tandem dancing!!!