Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • 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
what should i know?
Dhaval Vira
first of all you need to know FrontEnd Languages
few Projects to show Client about your Skills
Any here familiar with the FCC Test-Suit?
@dhavalveera thx but what languages should i learn?
Dhaval Vira
@JoeTLP HTML, CSS, and JavaScript , in that order
Dhaval Vira
Thx for the help everyone
Dhaval Vira
David Vondrovic
Morning everybody
What are you working on?
I'm a returning camper and I'm working on my Responsive Design certification lol
They've added 3 projects to it
Alexandar B
hi people :wave:
working on voting app and finishing newly added challenges on fcc
Ali Bulut
I'm doing mobile site with html5 with ionic. Selectler does not work on iOS devices. So you know the selectbox I can use?
it needs to be like the radio button
Hi All, Im in the process of improving my tribute page to use grid instead of bootstrap. Im having some trouble making the footer sticky. Is anyone able to take a look at my codepin where I have placed a simplified version in effort to figure this out? https://codepen.io/Rich_P/full/LrxqWP/
Helio Goncalves
@richRocksCodeBlocks I am sure there are better solutions but here's the one I came up with:

<footer class="footer">
    <p>&copy; 2018 Richard Personius</p>
basically, keep the footer separate and apply the following css:
.footer {
/*     grid-area: footer; */
    background-color: #96cb7d;
    position: absolute;
    bottom: 0;
    width: 100%;
  height: 50px;
.footer p {
  display: inline-block;
  vertical-align: middle;
and the .wrapper you'll nee to add one line: min-height: 100vh
I hope it helped.
@srlhyo I really appreciate your help. I've been racking my brain on this footer longer than I would like to admit. With your solution, I have a gap below the footer of about 60px. I tried to mitigate it by setting the .main margin-bottom to -60px. I suppose footer must be outside of .main for this to work.
Helio Goncalves
that's right!
footer should come after .wrapper closing div tag.
Do you get me?
Anybody share major project idea in webdevelopment !
Nate Mallison
@sleepless-mind JSON data will have to be looped over to put it into arrays the way you want it. You have to do it yourself. JSON is JavaScript Object Notation. So it's always going to be an object. But you can loop over the properties and build different arrays from it
Thanks, Nate! Working on it right now
Corey Lewis
@1532j0004kg you're looking for a project to do or want to see someones?
@Nate Ended up finding a typo in the AJAX request - instead of dataType:"json", I had datatype:"json" and that's why the array wasn't working - I gotta watch out for little stuff like that haha
@richRocksCodeBlocks You almost have it with your grid approach. Add min-height: 100%; to your .wrapper class.
You may want to add a max-height property to your .main class as well after doing that
@gulsvi Thank you for helping me out with this.
@srlhyo I do. Thanks you for your help. Im incorporating into the actual tribute page now. This community is awesome.
Hey guys, I've been trying to use overflow: hidden to make the text in the image grid cells be hidden until hovering over them causes them to move up, but it doesn't seem to be working, I've tried in several containers, the main gridsection one, and timeline-img containers, but nothing seems to work, any ideas? Pen here: https://codepen.io/Pixel123/pen/KZKQEa
@hellhound123 I am not clear on what exactly you are trying to achieve...
or wait maybe I do...
Mois├ęs Man
set a height to ur img container @hellhound123
soo it dont default to auto (which will hold all content including the things u trying to hide)
    height: 200px;
@moigithub Thats one way to do it if you want to define your values
Otherwise you can set the figure as position relative, figcaption as position absolute and use the overflow hidden.
It will stop the figure from extending to include the fig caption and you can move it freely on hover
Charlie Waite
Hey, does anyone know the best way to serve a React app through Express so I can have the front end and server in one Heroku app?
Corey Lewis
@charliearlie I believe you'd want to use something like react-router-dom and have express just serve the bundle with express.static
Charlie Waite
It's exactly what I needed. Been coding all day and my brain just went to mush. Thanks @cursiv3

hi guys, can i ask something
i want to run this in local, i use laravel, but it is not working, anyone help me plz

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
i code to run 3 things on localhost like this:

<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap.css')}}" media="screen" />

<script type="text/javascript" src="{{asset('js/jquery-3.3.1.min.js')}}" ></script>

<link rel="stylesheet" type="text/css" href="{{asset('css/bootstrap.min.css')}}" media="screen" />