Losing my head badly

Losing my head badly
0.0 0

#1

Tell us what’s happening:
Guys, really losing it…

Every challenge gets more weird and ABSTRACT than the previous… Stuff never NEVER EVER seen before… and is like full on taking a guess (although 100 times would go wrong before you succeed each task).

Would be good a bit of like explaining ‘‘how to’’… and then ‘‘go and do’’

Stuff it is really out of context, instructions and beyond perception. Ask button is okay but usually got to read through 12 (different ) ‘‘succeding’’ solutions to find that none of them are right (in the sense that; it did not work for me)…

I dont wanna drop out just yet… as it is my first week. How is everybody doing?

Live chat box would be really helpful, as taking time (or days) to wait is kind of dragging me into frustation

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;
  }
  
  class=".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. ">

<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 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36.

Link to the challenge:


#2

Just take a look how is writen the class red-text in the style part. Just use the same syntax for your smaller-image class. Then in html part use this class on the img.


#3

in you CSS you dont say the words “class” instead, classes are defined by a period preceeding them. So delete class= line.

Right now you have:

class=".smaller-image" {width: 100px;}

It should be:

.smaller-image  {width: 100px;}

Then in your HTML something like this:

<img src="thisisyourimagename.jpg" class="smaller-image">

Oh, and don’t lose your mind. Coding is 99% patience and perseverance. It will come, it just take time and patience. Best of luck.


#4

Thnks Joel… but still… nothing happens
what are the chances of being my pc problem?

tried this: .smaller-image {width: 100px;}


#5

I got it… but only AFTER ERASING TAB= ‘Whatever reference’… Now, WHY IS THIS SO ABSTRACT TO GET??? NOBODY TELLS/INSTRUCTS YOU THIS?

This is like… have a go and try just over 200 times… then you will get it (by yourself)

Time spent on task: 46hrs


#6

This is good(.smaller-image {width: 100px;}) but you now have to apply the class to yor img tag


#7

Fear not, can you show me your code? I will take a look at it and fix it and show you what’s going on? You can use the </> button in your comment box to show me.

BTW what the previous suggestion was is not correct from that user, (no offense). So stay on track. I will help ya.


#8

Essentially in you are trying to make your image set at a width of 100px. All this is:

<style>
.smaller-image { 100px }
</style>
<body>
<img src="imagename.png" class="smaller-image">
</body>

Does that make sense? you define a width for a particular image, then you reference those paramters in the within the body tags ( as a tag in your HTML).


#9

Make sure your image is located in the same folder. Otherwise you would need to put something like : "images/imagename.png" class="smaller-image">