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
is the Pen's setting wrong?
@VicPopescu Can you help me?
Fabien SHAN
@artprince Please describe your issue and what you have tried. The more detailed the explanation, the better.
I solved
because not set css in settings.
Johny Sins
@VicPopescu hello! do you know how can i compare two values of different properties?
var arr = [{first: "lorem", last: "ipsum"}, {first: "dolor", last: "sit"}];
@JohnySi73551906_twitter You want to compare first property of both objects in array?
Johny Sins
something like that, yes
Victor Popescu
@JohnySi73551906_twitter of different properties on the same object?
Johny Sins
Victor Popescu
oh, then you need a double iteration
inside your array for loop, for each iterated object, you do another for to loop through all the rest of the objects
and there you compare
Johny Sins
I'll try
Victor Popescu
alright try it and let us know
Johny Sins
@VicPopescu I can't get it to find objects with same properties
[ 'first', 'last' ]
[ 'last' ]
for(var i = 0; i < collection.length; i++) {
        if(Object.keys(collection[i]) === Object.keys(source)) {
            console.log('este ba!');
        } else {
            // console.log('nu este!');
try to use let keyword may be
Markus Kiili
@JohnySi73551906_twitter You need a nested loop (or iteration) over source's keys. Looped object's keys are of no interest here.
Ahmed Al-Gallad
Hello guys
I just have a simple question regarding using for loops and bootstrap columns
Stephen James
@Gallad23 ask away
Ahmed Al-Gallad
<div class="container">
    <div class="row">
        <div class="col-md-3 col-sm-6">        


@for ($i = 0; $i < count($info->video); $i++)  


     <div class="card">
    <img class="card-img-top" src="{{$info->video[$i]->thumbnail}}" alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">{{$info->video[$i]->title}}</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>




here my code snippet
so I am retrieving data from the back end and displaying it , I just want to display 4 cards / row instead of 1 card
and I am a little bit confused
where to place the bootstrap col-classes
inside or outside the for loop ? so it can display 4 cards / row
Thanks in advance :)
Stephen James
@Gallad23 Do you have to use ul / li ?
Not sure which templating language this is?
Ahmed Al-Gallad
dont have to use ul / li ....the data I'm retrieving is simple youtube videos
so $info is an object
and $video is an array of videos
the language is php , laravel specifically
Stephen James
@Gallad23 blade templating?
Ahmed Al-Gallad
Stephen James
@for ($i = 0; $i < count($info->video); $i++)  
     @if(i % 4 ==== 0)
    <div class="row">
        <div class="col-md-3 col-sm-6">
You might need something like that where every 4th entry you put a new row
Depends on support in the templating language
Ahmed Al-Gallad
that could actually work.... let me try it
thank you, I appreciate your help really
Stephen James
:) :+1:
Nate Mallison
Hi all, just looking for some feedback on my Pomodoro Timer, Thanks! https://www.natethedev.com/FreeCodeCampFrontEndProjects/pomodoroTimer/
@NJM8 so unusual, I like it! well done :+1:
Nate Mallison
thanks, I think I was on something when I did the colors, I hated them for awhile but nothing else looked good. haha
Christopher McCormack
@NJM8 reset doesn't seem to work, starts break timer instead. Is there a pause?


  • I was developing a prototype when I click third time red square shows.
  • but now when I click third time checkbox should disappear and then I need to show an image, image is added in this class imageThird.
  • can you tell me what is the issue.
  • providing my code below.

working link https://stackblitz.com/edit/angular-t2xvra?file=app/app.component.html

not working link https://stackblitz.com/edit/angular-xvpf9q?file=app/app.component.css

.imageThird {
  background: url(http://via.placeholder.com/15x15) no-repeat -539px -240px;
    width: 20px;
    height: 20px;

.displayInlineBlock {
    display: inline-block;

.is-multiple-of-3 .imageThird{
  visibility: visible;