Self-erasing issue

**Tell us what’s happening:*

Your code so far

<link href="" rel="stylesheet" type="text/css">
  .red-text {
    color: red;

  h2 {
    font-family: Lobster, Monospace;

  p {
    font-size: 16px;
    font-family: Monospace;

  .smaller-image {
    width: 100px;

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

<img class="smaller-image" src="" 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; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36.

Link to the challenge:


Can you please describe what exactly is the issue that’s happening, when it works, etc etc… and then it’s easier for the community to help.

By the way, If it’s something like self erasing the editor when you’re typying something, you may be sure you’re not hitting any (deletion/reload page) shortcut key of your browser or you computer.


Thanks, Jonas!
I was trying to create another class inside the image element, in order to add border, color, and style to the picture. I just moved one of the code lines down and created the other class next to the one already there.
Whenever I tried to write, it started deleting forward, erasing the rest of the codes in that line.
I passed the level.

Thank you!

1 Like