question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Your image element should have the class smaller image.

See original GitHub issue

size your images Challenge Size your Images has an issue. User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36. Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:


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

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
Teddi86commented, Jun 21, 2017

Omg, Thank you so much!!!

0reactions
rahulv1997commented, Jan 3, 2022
<style> .smaller-image { width: 100px; } </style>
Read more comments on GitHub >

github_iconTop Results From Across the Web

"Your img element should have the class smaller-image ...
You can apply a class attribute to the <img> element as you are doing with the <p class="red-text"> a few lines below. Give...
Read more >
FreeCodeCamp/Help - Gitter
i have a problem I typed <style> .smaller-image { width: 100px; } </style> then I it still said :Your img element should have...
Read more >
Solve problem "Size your Images" online - Learn Python 3
Your img element should have the class smaller-image . Your image should be 100 pixels wide. Browser zoom should be at 100%.
Read more >
Size your Images, freeCodeCamp review html & css, lesson 17
In this lesson, we learn how to change the width size of our image element.Support the Movement, buy a sticker, ...
Read more >
What am I doing wrong? : r/FreeCodeCamp - Reddit
This is my task: Your img element should have the class smaller-image. Your image should be 100 pixels wide. This is my code:...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found