Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 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
Ken Haduch
@luis4flames - you are doing some unusual things with your margins and I wonder if that isn't what's causing your problem? It seems that you are forcing a lot of your placement that way, I don't think that I've seen that before. But I cannot say for sure that it's a problem, it just sends up some red flags for me.
Yea, the problem is i have no idea how to place my elements where i want them on the page. Which commands am i suppose to use to move things around? Appreciate any tips! It's been a pain to move them around and I knew i was doing something wrong. @khaduch
Ken Haduch
@luis4flames - other things that I see - you have a closing </div> tag at the top, with no opening. You should not have the <body> tag in your HTML panel - you can put that styling that you want directly on the body element in your CSS. You don't have a closing </div> tag for your <div class="row home-container">. You are using <center> tags, which are obsolete.
@luis4flames - in Bootstrap, there is a "text-center" class that should help with centering things. You might need some margins to help with adjustment, but as I said, you seem to have "too much." I'm seeing if I can get a handle on how to format your page in a different way... I don't have a lot of time, but maybe I can figure out something to help...
@khaduch Appreciate it! I'm removing things now.
Ken Haduch
@luis4flames - oh, yeah, you should not have the <head> tag (and its closing partner) in there, either. That could be part of the problem... I spaced out on that one.
@khaduch so what should i be using to align buttons and elements where i want them on a page?
Ken Haduch
@luis4flames - the text-center class usually seems to do that fairly well. I'm just trying to untangle some of the things that are there now, it's still looking a little jumbled in my edited version.
I dont want you to finish it up completely, its okay. Ill figure it out I just want some what of an idea of how i should be doing things
will text-center work with the buttons also? I applied text-center to the first div tag to apply to all and it didnt affect it at all
Ken Haduch
@luis4flames - I'm not going to finish it completely, for sure! But I just took some stuff out of the CSS, your .services class with that negative top margin was just breaking the flow of the <h1> and <h2>. That should have been a lot smoother to just put them in order. I'll see if I can stop after I give you some ideas of what I did... :)
haha gotcha! Thanks again!
Elbert Cortez
const setShowcaseImg = function() {
        const thisProject = project[$(this).data("project")];
        //gets the name of the project to later use it to fetch properties from that project
        $showcaseImg.find("img").attr("src", thisProject.img);
        //gets the url of the imagen and set it
        //gets the description 
        $showcaseImg.find("a").attr("href", thisProject.url);
        //gets the url 
        // then it opens a div containing this info 
I have something like this to showcase some images with text and a link but when i close the showcase div and activates it again with a different images it just takes like 30ms to actually change the image it work, but i can still see the previous image for like 20ms and that's not good :worried:
any idea of why, or how to work around it? I guess i can just simplely add a conditional or a setTime function to delay it but if you ask me it sound cheap :worried:
Ken Haduch

@luis4flames - I think that the fastest way to share this is by forking your project, here is my URL for it - I added asecond div to see if the gradient is working, and I think it looks better. You can compare to yours, and make changes as you see fit. Let me know and I can remove my forked copy when you're done.

Good luck!

@luis4flames - I just made one minor tweak to add background-size: cover; in thebody` element CSS rules. In case you started looking...
@khaduch Got it! thanks again really appreciate it.
luis4flames sends brownie points to @khaduch :sparkles: :thumbsup: :sparkles:
:star2: 1473 | @khaduch |http://www.freecodecamp.com/khaduch
Thiago Isaias
Hey guys. I just did the quote generator. Could you give me a feedback?
Ken Haduch
@luis4flames - great! You're welcome. One thing about positioning things like that, normally you don't have to work too hard to get things to flow on a page in a straightforward way. There are always exceptions, of course, but that type of page should be pretty much block-oriented, and the bootstrap grid (or other similar use of CSS) should handle most things fairly easily. I've also seen folks on here advocate the flexbox CSS styles for layout - it does handle some things nicely, but I haven't used it for anything yet, still learning about it. Have fun!
Chris Katzmann
why does that keep returning the same quote
(you have to refresh the page to try again, havent set it up to be able to run more than once)
hmm, id doesnt even run in the chat
Allen Pittard
@cwkatzmann there is a problem with your if statement in your call back
Can anyone help me with my twitch.tv stream? Here's my code. I can't figure out why my text and descriptions are not directly across their images. http://codepen.io/lukenetti3/pen/oLEmYK
why do we have to use display: block?
can someone plz answer
Jan Reimer
hey guys i doing the tribute page thing at the moment do you have a good ideer what i can do it about sorry for met english
Ravi Kumar
i am doing a simple tribute page
I need to align the timeline of events
can anyone give me some clue
how to do it

<div align="center">

<h3> Time line of events </h3>

<li> June 29, 2007 Iphone</li>
<li> September 4, 1998 Google</li>
<li> 2010 Windows 10</li>

Now I need to align the ul element
@ravikumar-cmu Can you paste your codepen?
Ravi Kumar
@ravikumar-cmu When I did my tribute page I tried the same thing and had problems getting those bullets to center. What I ended up doing, was using bootstrap description styling. Here's the link for that. Just scroll down to description lists. By doing it that way it bold fonts your dates and I think it looks nice. http://getbootstrap.com/css/#type
Here's my tribute page if you want to see if you like the styling before you use it. http://codepen.io/lukenetti3/pen/qZvJvK?editors=1000
Hi guys,
I'm just getting started on the quote machine, and it's a huge step up from the JSON API stuff I just completed. I'm wondering where I should even get started?
Islam Ibakaev
hey guys what about my rebuilded with react.js twitch streamers? http://codepen.io/dagman/pen/ZOxjLN
Obviously the easy(?) part is just making the site, but where do I even put the quotes that the API will draw from?
....asking for a friend.