Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:33
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • May 10 09:13
    @bjorno43 banned @zhaokunhaoa
  • Apr 27 19:46
    @mstellaluna banned @zhonghuacx
  • Apr 25 17:12
    @mstellaluna banned @cmal
  • Apr 01 18:11
    thecodingaviator labeled #31179
  • Apr 01 18:11
    thecodingaviator labeled #31179
  • Apr 01 18:09
    thecodingaviator commented #31179
  • Apr 01 18:09
    thecodingaviator labeled #31182
  • Apr 01 18:09
    thecodingaviator labeled #31182
  • Apr 01 18:07
    thecodingaviator commented #31182
  • Apr 01 18:07
    thecodingaviator labeled #31190
  • Apr 01 18:07
    thecodingaviator labeled #31190
  • Apr 01 18:07
    thecodingaviator commented #31190
  • Apr 01 18:05
    thecodingaviator commented #31157
  • Apr 01 18:04

    thecodingaviator on master

    remove A (#31157) (compare)

  • Apr 01 18:04
    thecodingaviator closed #31157
  • Apr 01 18:04
    thecodingaviator closed #33788
  • Apr 01 18:04
    thecodingaviator commented #33788
  • Apr 01 18:02
    thecodingaviator closed #31059
Jan
@burning-monk
@sasharoma lo no
Austin Hofmann
@AKHofmann

How do I make the img follow the guidline of the "smaller-image" tag?

<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;
}

.smaller-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. ">

Jan
@burning-monk
@sasharoma do you know how to nest elements?
Alexandra Romanenko
@sasharoma
<form action="/submit-cat-photo"> </form>
they want me to nest the text input
confused
Jacob Thomas
@legaleye05
@AKHofmann <img class="smaller-image" src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back. ">
Manish Giri
@Manish-Giri
@sasharoma read that link I posted
Jacob Thomas
@legaleye05
AKHofmann did that work?
Austin Hofmann
@AKHofmann
@legaleye05 So I need to move it up into the styles?
Jan
@burning-monk
<outer-element>
  <inner-element>
  </inner-element>
<outer-element>
Jacob Thomas
@legaleye05
@AKHofmann leave the smaller image you have in styles
Chris Ramos
@chriiisramos

@Manish-Giri where am i going wrong

<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;
}

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
border-radius: 50%;
}

.smaller-image {
width: 100px;
}

</style>

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

<p>Click here for <a href="#">cat photos</a>.</p>

<a href="#"><img class="smaller-image thick-green-border" alt="A cute orange cat lying on its back. " src="https://bit.ly/fcc-relaxing-cat"></a>

<p>Things cats love:</p>

<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>

<p>Top 3 things cats hate:</p>

<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>

<input type="text" placeholder="cat photo URL">

<form action="/submit-cat-photo"></form>

Jan
@burning-monk
@sasharoma :point_up: November 30, 2016 1:51 AM
Jacob Thomas
@legaleye05
but just put class="smaller-image"
in the img tag
Alexandra Romanenko
@sasharoma
@burning-monk <form action="/submit-cat-photo"> </form>
what do i put in the inner ellement
Manish Giri
@Manish-Giri
:point_up: November 29, 2016 7:46 PM
@chriiisramos
see how the input is nested
Jan
@burning-monk
@sasharoma the input tag
@sasharoma ```js
Manish Giri
@Manish-Giri
@burning-monk you’re in the same time zone as @diomed , I finally know
Jacob Thomas
@legaleye05

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

<style>
.red-text {
color: red;
}
.smaller-image{
width:100px
}

h2 {
font-family: Lobster, Monospace;
}

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

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

<img class="smaller-image" 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>

Jan
@burning-monk
<div>
  <p> </p>
</div>
Austin Hofmann
@AKHofmann
@legaleye05 Thanks. That worked.
CamperBot
@camperbot
akhofmann sends brownie points to @legaleye05 :sparkles: :thumbsup: :sparkles:
:warning: could not find receiver for legaleye05
Jan
@burning-monk
@sasharoma here div is the outer element and p is the inner element just like a babushka :point_up: November 30, 2016 1:53 AM
WalkWithWally
@WalkWithWally
im working on my tribute page and what i've learned so far on FCC doesnt seem to work on codepen. help?
Jan
@burning-monk
@Manish-Giri how do you know now?
Alexandra Romanenko
@sasharoma
@burning-monk but what do they want me to put in the inner element
<form action="/submit-cat-photo"> <submit-cat-photo> </form>
Nest your text input element within a form element.
Make sure your form has an action attribute which is set to /submit-cat-photo
Make sure your form element has a closing tag.
Jan
@burning-monk
@sasharoma which challenge is it?
Alexandra Romanenko
@sasharoma
@burning-monk 35
Jan
@burning-monk
about @sasharoma
CamperBot
@camperbot
:warning: no user found for sasharoma
Jan
@burning-monk
@sasharoma that's your points thc challenges have names
Alexandra Romanenko
@sasharoma
@burning-monk what names
Manish Giri
@Manish-Giri
@WalkWithWally doesn’t seem to work in what way?
Alexandra Romanenko
@sasharoma
@burning-monk I figured it our
out
Jan
@burning-monk
ok
Alexandra Romanenko
@sasharoma
@burning-monk I am begginer
dont know anything
Jan
@burning-monk
@sasharoma yeah no problem we all once were
WalkWithWally
@WalkWithWally
@Manish-Giri okay, some elements let me change font color, etc, but border on img doesnt work, nor does font-color on <p>... had to <div> the paragraph to change font color
Manish Giri
@Manish-Giri
@WalkWithWally font-color isn’t a property, color is what you need
WalkWithWally
@WalkWithWally
@Manish-Giri yeah sorry thats what i did