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
@ezioda004 ahhh ok thank's
German Gamboa Gonzalez
@padunk Yeah those have been giving my a hard time. I am going to throw CSS grid in there instead of using Materialize's grid since it still uses floats and that might be the cause of that.
@developer4eto thanks
Still struggling with my earlier pen, is there any way to only select certain <labels>? I've tried putting all the ones I want to have the same effect in a class, but it's still affecting a few that I don't want to be affected
I've figured it out, just had to add different classes to them, and change the focus selector to the relevant class instead of pointing at the label tag!
Kent Saeteurn

Hello... can anyone help me understand why my image isn't displaying for my Twitch Viewer app?

I actually completed this challenge about a year ago and it was working fine, but when I checked on it last week, I noticed the stream logo/image was not displaying. Everything else does, but not the image. I can't figure out why. I thought that perhaps the link to the image was broken, but I created another pen to test it, and it worked perfectly fine.

Can anyone please help me figure out what's wrong?

Ryan Williams

The first challenge in SASS says to create a variable and assign it to the color property of the .blog-post class and h2 element, after doing this and getting the desired results on the screen the challenge says I need to "Your .blog-post element should have a </code>color</code> of red.
Your h2 elements should have a </code>color</code> of red."

Not sure what to do to make this work, here is the code

<style type='text/sass'>

  .blog-post, h2 {
    color:  $text-color;
Daniel Feldman
Hi, I'm working on the Simon app and trying to toggle a class with jQuery toggleClass. If you turn the game on and hit Strict mode, you will see that the class is being toggled on and off, but nothing is actually happening to my indicator above the button, which should turn red or black alternately when the button is clicked. I have a general .red-indicator css class that has a red background-color, but it isn't being applied. Any ideas why this isn't working?
@Feldbot the properties you put on the id are taking precedence
add !important to your red indicator and it will work - background-color: rgb(255,0,0) !important;
Daniel Feldman
@moT01 I tried changing div#strict_indicator to a class, and changing the order of .red-indicator in the css and it still didn't work.
try removing the div from the selector
Daniel Feldman
@moT01 Huh... removing div did the trick. Why did that work?
selectors give value to what properties get applied
for instance you had div#strict_indicator
that has two selectors
which gives more value
than just #strict_indicator
so we lowered the value by removing the div which let the .red_indicator not get overridden
Moisés Man
"css specificity"
something like that - adding !important makes it have the most value I think - so it's a good way to test if your properties are getting overridden by other properties
Daniel Feldman
@moT01 I think I am still confused with some of the basics of css selector specificity. I thought by writing div#strict_indicator, I was just targeting one selector with an ID applied to it. How/when does it become two selectors? How do you check the value?
@moT01 I guess I was also under the impression that in writing my CSS it was good to use compound selectors by way of legible semantics, that one could more clearly see what the selection applied to that general, shorter selectors.
im not sure if there's a way to check the value on the fly, but you could look it up - you used two selectors to target one element
im not sure what best practices are - i dont usually use more than one selector unless I need to
cause you could have put like 6 on there
Daniel Feldman
@Tom I think the !important addition is what is making it work, it doesn't seem to matter if it is preceded by div or not.
yes, like I said - adding that makes it have the most value possible I think
I do know its not something you want to be using all over the place though
as it can complicate things - but in this case it's not a bad spot to use it
so yea, you can fix it by adding that or the other way (removing div)
Daniel Feldman
@Tom That is a good point about all the potential selectors I could have! I'd like to write it without !important, I always see how that is bad style and can cause conflicts. I'm not sure how to write this without it or how to make the specificity higher. I did try reordering in the css and it didn't seem to matter. If I remove div and !important both it doesn't work.
change it to a class instead of id
i think id's take over classes
Daniel Feldman
@Tom Bingo! That has a lower value
Daniel Feldman
@Tom That is something else I find somewhat confusing about css basics. I thought if I was using something only once it was good to have an ID on it so it would have higher specificity, so I do that a lot, but I'm wondering if it isn't a better practice to just have classes for everything, and just use an ID similar to when you want something to be !important (and just used once).
@moT01 Thanks a bunch for the help, much appreciated!
ive heard it's bad practice or something to use ids but I dont see a problem with it - but I would still probly use class most of the time
Daniel Feldman
@moT01 And you think better to write the css selectors sparingly too, by using the bare minimum selector? Here is an example I'm curious about... You have a button element with a class of green. In the css is it better to write .green only? For reading comprehension it seems like it is better to say button.green so I can see what it applies to quickly. But what I hear you saying is that it's then two selectors that then have a higher assigned specificity value. And you'd only use compound selectors because you need to target something very specifically, with higher specificity?
i think .green is just a bad name in this case - I always prefer readability - I would maybe name it .btn_green or something
Daniel Feldman
@moT01 Pure gold. That makes a lot of sense. Thanks!
sure thing
Daniel Feldman
@sansae If you change your <img id="logo0"> tag to <div id="logo0"> that displays the image. Somehow you were getting two image tags nested with one closing tag.
Ryan Williams

I'm trying to order 6 blocks in 2 columns so that at higher viewports the blocks appear such as
row 1 : block 1 block 2
row 2: block 3 block 4
row 3: block 5 block 6

and on smaller viewports there would be only 1 column with blocks in ascending order 1 - 6.
I'm using flexbox but not sure how to do this without editing the html, here is the codepen, https://codepen.io/Ryanwfile/pen/qKQdwY
any help is appreciated. Thank you.

Hi, new here. I don't know if anyone here uses codeanywhere but I prefer that over codepen. Anyway, everything worked fine before but now I started codeanywhere up again and no changes to the CSS file are applied to the HTML any longer. Does anyone have any idea why? :/
Stephen Peters
lol, I’m at wits end with this project for the night, and I want to figure out why it’s width is wider than the screen. I imagine it involves something I did wrong with CSS grid:
@stephepush make use of class container-fluid
Deepak Gowda
i have an array of objects, as soon i assign it a variable. It changes the order. I am not able to figure out.Can anyone help me ?