These are chat archives for FreeCodeCamp/HelpFrontEnd

10th
Jun 2018
sindat
@sindat
Jun 10 2018 10:46
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
@ace1122sp
Jun 10 2018 11:13
hi people :wave:
working on voting app and finishing newly added challenges on fcc
Ali Bulut
@ali27001
Jun 10 2018 13:36
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
richRocksCodeBlocks
@richRocksCodeBlocks
Jun 10 2018 15:04
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
@srlhyo
Jun 10 2018 15:37
@richRocksCodeBlocks I am sure there are better solutions but here's the one I came up with:
  </main>

</div>
<footer class="footer">
    <p>&copy; 2018 Richard Personius</p>
  </footer>
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.
richRocksCodeBlocks
@richRocksCodeBlocks
Jun 10 2018 15:59
@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
@srlhyo
Jun 10 2018 16:02
that's right!
footer should come after .wrapper closing div tag.
Do you get me?
dinesh
@1532j0004kg
Jun 10 2018 16:51
Anybody share major project idea in webdevelopment !
Nate Mallison
@NJM8
Jun 10 2018 17:30
@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
Marius
@sleepless-mind
Jun 10 2018 17:32
Thanks, Nate! Working on it right now
Corey Lewis
@cursiv3
Jun 10 2018 17:37
@1532j0004kg you're looking for a project to do or want to see someones?
Marius
@sleepless-mind
Jun 10 2018 17:54
@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
Gulsvi
@gulsvi
Jun 10 2018 18:17
@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
richRocksCodeBlocks
@richRocksCodeBlocks
Jun 10 2018 18:34
@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.
hellhound123
@hellhound123
Jun 10 2018 19:14
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
DarkxPunk
@DarkxPunk
Jun 10 2018 19:19
@hellhound123 I am not clear on what exactly you are trying to achieve...
or wait maybe I do...
Mois├ęs Man
@moigithub
Jun 10 2018 19:21
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)
ie:
.timeline-img{
    height: 200px;
    overflow:hidden;
}
DarkxPunk
@DarkxPunk
Jun 10 2018 19:23
@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
@charliearlie
Jun 10 2018 19:58
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
@cursiv3
Jun 10 2018 20:06
@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
@charliearlie
Jun 10 2018 20:17
It's exactly what I needed. Been coding all day and my brain just went to mush. Thanks @cursiv3
buiphuking
@buiphuking
Jun 10 2018 20:33

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" />

Bjorn van de Peut
@bjorno43
Jun 10 2018 20:37
@buiphuking Laravel is a PHP framework. Meaning it's server side. You can't run that locally unless you install a webserver to host it
buiphuking
@buiphuking
Jun 10 2018 20:39
@bjorno43 thanks
hellhound123
@hellhound123
Jun 10 2018 20:57
@moigithub thanks this worked! @DarkxPunk I haven't managed to get this to work, but I'll try this method on the next one!
include*engine
@newtothat
Jun 10 2018 21:16
are all games made with programming?
like xbox games or any video game?
like this
in this link they are saying developers i think they are talking about game developers?
Corey Lewis
@cursiv3
Jun 10 2018 21:26
yes games are made with programming
though these days you use an engine, unreal or unity are good examples