by

Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • May 14 22:38
    @bjorno43 banned @minitechtips_twitter
  • May 14 22:37
    @bjorno43 banned @real-action
  • Feb 01 00:26
    @bjorno43 banned @Ndoua
  • Jan 07 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:33
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • May 10 2019 09:13
    @bjorno43 banned @zhaokunhaoa
  • Apr 27 2019 19:46
    @mstellaluna banned @zhonghuacx
  • Apr 25 2019 17:12
    @mstellaluna banned @cmal
  • Apr 01 2019 18:11
    thecodingaviator labeled #31179
  • Apr 01 2019 18:11
    thecodingaviator labeled #31179
  • Apr 01 2019 18:09
    thecodingaviator commented #31179
  • Apr 01 2019 18:09
    thecodingaviator labeled #31182
  • Apr 01 2019 18:09
    thecodingaviator labeled #31182
  • Apr 01 2019 18:07
    thecodingaviator commented #31182
  • Apr 01 2019 18:07
    thecodingaviator labeled #31190
  • Apr 01 2019 18:07
    thecodingaviator labeled #31190
  • Apr 01 2019 18:07
    thecodingaviator commented #31190
  • Apr 01 2019 18:05
    thecodingaviator commented #31157
  • Apr 01 2019 18:04

    thecodingaviator on master

    remove A (#31157) (compare)

CarlozNZ
@carllea50
Norvin Burrus
@ndburrus
@TFME :sparkles:
  • xp should be px
  • how many px?
@carllea50 '''
can you post?
add another <p></p> element.
CamperBot
@camperbot
:bulb: to format code use backticks! ``` more info
Irene
@ideposoy

@ndburrus according to the error msg my h1 is the problem. It says h1 element should be pink. This is the description of the challenge: Let's see what happens when we create a class that makes text pink, then apply it to an element. Will our class override the body element's color: green; CSS property?

Create a CSS class called pink-text that gives an element the color pink.

Give your h1 element the class of pink-text.

CarlozNZ
@carllea50
Got Sorted yay
Norvin Burrus
@ndburrus
@carllea50 nice work! :+1:

@ideposoy lesson name?

  • examine the code closely, here:

    body {
    background-color: black;
    font-family: Monospace;
    color: green;
    .pink-text {color: pink;}
    }

    see how the body has the .pink-textclass inside it.
    it should be outside the body element.

  • remove !, here: Hello World!

  • remove this class="pink-text" from the h1 element.
    a learning point is seeing which color declaration will prevail - body or class!

make sense?

CarlozNZ
@carllea50
@ndburrus @ndburrus Sorted
DarkShatan
@DarkShatan
does anybody know wahts the difference between a attribute and an element
Irene
@ideposoy
@ndburrus Inherit Styles from the body element
Oliver Varney
@OliverWoliver
Hey i dont really understand the ipsum text stuff and was wondering if i could get some help
Irene
@ideposoy
@ndburrus I figured it out. I finally understood what you meant. Should be outside the body bracket. Thanks so much!
CamperBot
@camperbot
ideposoy sends brownie points to @ndburrus :sparkles: :thumbsup: :sparkles:
:warning: ideposoy already gave ndburrus points
Norvin Burrus
@ndburrus
@ideposoy you're welcome! great job! very nicely done! :palm_tree:
@OliverWoliver :sparkles:
  • ipsum text is just filler text.... random words to fill space/s where text should be... :)
jpbnois
@jpbnois
I can't figure out how to turn my h2 elements blue on the ''CSS Selectors to Style Elements'' section.
<style>
h2 {color:red;}
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
</style>
what am I doing wrong?
mverselle
@mverselle
@OliverWoliver Another way to look at it is placeholder text... you use it while you are designing something, but do not necessarily have the real content
Michael Flores
@Floresmi

<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

<style>
.red-text {
color: red;
}

h2 {
font-family: Lobster, Monospace;
}

p {
font-size: 16px;
font-family: Monospace;
}
.smalle-image {
width: 100px;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p class="red-text">Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

What am I doing wrong won't change the image size.
Chad
@chadrohr
Howdy, when changing the image size, where do you add in the code into the line. I put the info in the style up top.
Norvin Burrus
@ndburrus
@jpbnois :sparkles:
the structure should be:
<style>
   h2...
</style>

<h2>...</h2>

<p>...</p>
Oliver Varney
@OliverWoliver
Could i have an example of the ipsum texts?
I dont really understand completely
Charly
@TFME

<style>
.red-text {
color: red;
}

p {
font-size: 16px;
font-size: Mocospace;
}
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

mverselle
@mverselle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus bibendum felis eget tempus tincidunt. Maecenas congue, ex a aliquam feugiat, risus tortor sagittis risus
Charly
@TFME
anything wrong there?
Ian Ramos
@codingwithian
what's the difference between adding a class such as animated bounce using jquery(addClass), vs adding the class in the html? or are they both the same?
Oliver Varney
@OliverWoliver
I dont understand that at all...
rphares
@rphares
Monospace @TFME
mverselle
@mverselle
@OliverWoliver Lorem Ipsum is a fake language
rphares
@rphares
and thats font-family, not font-size @TFME
Charly
@TFME
XD
Oliver Varney
@OliverWoliver
But how do u use it
Darshan
@da-way
@codingwithian the same
mverselle
@mverselle
@OliverWoliver It is used for layout
Ian Ramos
@codingwithian
@TFME mocospace is not a font size
Charly
@TFME
thanks guys
mverselle
@mverselle
so give me just a minute to type it out...
Rishikeshan
@rishikesh21
<img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
rphares
@rphares
if still stick, please let us know the name of the lesson wo we can better help~
Norvin Burrus
@ndburrus

@OliverWoliver :sparkles:

Sample Lorem Ipsum Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at ante. Mauris eleifend, quam a vulputate dictum, massa quam dapibus leo, eget vulputate orci purus ut lorem. In fringilla mi in ligula. Pellentesque aliquam quam vel dolor. Nunc adipiscing. Sed quam odio, tempus ac, aliquam molestie, varius ac, tellus. Vestibulum ut nulla aliquam risus rutrum interdum. Pellentesque lorem. Curabitur sit amet erat quis risus feugiat viverra. Pellentesque augue justo, sagittis et, lacinia at, venenatis non, arcu. Nunc nec libero. In cursus dictum risus. Etiam tristique nisl a nulla. Ut a orci. Curabitur dolor nunc, egestas at, accumsan at, malesuada nec, magna.
Designers discovered long ago that if you used real text with your design mockups, then clients would often get distracted by the meaning of the words; but if you use dummy text in a foreign language, such as Lorem Ipsum — which is excerpted from a play written in Latin by Cicero in 45 B.C. — then clients will ignore the text and focus instead on the design elements.

rphares
@rphares
smaller-image @rishikesh21
Charly
@TFME
helpful
Ian Ramos
@codingwithian
@Dave1089 so why use jquery for it?
jpbnois
@jpbnois
Thank you very much Norvin.
rphares
@rphares
you are missing the r @rishikesh21