Add Borders Around your Elements Need help

Add Borders Around your Elements Need help
0

#1

Tell us what’s happening:
After far time spent ,I still don’t get it right.I need help pls

Your code so far

<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>
<style>
  .thin-red-border{
    border-color:red;
    border-width:5px;
    border-style:solid;
  }
</style>
<img class="smaller-image thick-green-border" 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>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Linux; U; Android 5.1; en-US; 5022D Build/LMY47I) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/40.0.2214.89 UCBrowser/11.4.8.1012 Mobile Safari/537.36.

Link to the challenge:


#2
  1. You should only have one <style> section.
  2. You created a class named thin-red-border but then you added a class named thick-green-border to the img.

#3

Thanks a lot👍.Forgot to edit after copy and paste


#4

If I may give some unasked for advice, when you’re learning don’t copy-paste. Type it yourself. Actually piping the syntax through your brain into your fingers will make you much more likely to remember it later when you have to write it from scratch.


#5

Appreciate that,sounds great.


#6

Hi,
I noticed two problems. One is that you have created two tags. One is good enough I think. The other is that you defined a class .thin-red-border in the style tag, but in your tag you made thick-red-border.


#7

Thanks a lot for the help👍