I dont know whats wrong ;-;

.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; } .silver-background { background-color: silver } div { background-color:silver; }

image
image

<p>Things cats love:</p>

help! whats wrong??

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.


When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

ugh… thats what I did now?

please do not delete the precompiled part then, your code is not visible as you deleted the backticks surrounding it, and you also deleted the challenge link

please share your code correctly formatted, and the challenge link

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

  }

  .silver-background { background-color: silver }

</style>

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

<main>

  <p class="red-text">Click here to view more <a href="#">cat photos</a>.</p>

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

  <div class="silver-background">

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

  </div>

  <form action="https://freecatphotoapp.com/submit-cat-photo">

    <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>

    <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>

    <label><input type="checkbox" name="personality" checked> Loving</label>

    <label><input type="checkbox" name="personality"> Lazy</label>

    <label><input type="checkbox" name="personality"> Energetic</label><br>

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

    <button type="submit">Submit</button>

  </form>

</main>

image

i did exactly wat the instruction said but it didnt worked :frowning:
(im stuck for this like 30min) :c

help @ieahleen your pro pls

It’s really hard to tell without seeing a properly formatted code, but, my guess would be that you are missing part of the challenge.

it’s not enough that you declare a new class into the <style> tag, you also need to assign it to the desired element.

Hope this helps :sparkles:

1 Like

Hey @lichantin

I think so you missed ’ ; ’ after silver
It should be

@Marmiz maybe right too!

but we cant confirm cause we dont have the code.


If you need help for a problem. Click on "Get help"or "Help" and then click "Ask for help"

You can see both buttons(left-middle) in the screenshot below.

In my opinion you should create a new topic and “Ask for help”.


We are here for you! ^_^

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

thx i alr passed this

Ilenia via The freeCodeCamp Forum <freecodecamp@discoursemail.com> escreveu no dia quarta, 2/09/2020 Ă (s) 14:25: