Hi I'm stuck on responsive web design and

moonlight2317 · October 10, 2021, 1:33am

so im running step 8 of 28 on responsive web design and i read that it wants me to add a picture using the URL but i can’t seem to copy and past also there is no video on it. if i could get any help in any way i would be thankful, happy thanksgivng.

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>


<p>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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36 Edg/94.0.992.38

Challenge: Add Images to Your Website

Link to the challenge:

jwilkins.oboe · October 10, 2021, 1:37am

Hi @moonlight2317 !

Welcome to the forum!

If you are having trouble with control c and control v to copy and paste you can try typing it.

I usually don’t recommend that because it usually leads to people forgetting a letter and creating errors.

But if that is your only option to write everything out you will need to be super careful and triple check that the url is correct.

jwilkins.oboe · October 10, 2021, 1:45am

Are you on a phone?

Is that why you can’t copy and paste?

bbsmooth · October 10, 2021, 1:46am

??? You shouldn’t have had to write that, it should be there by default. If it’s not, then click the “Reset All Code” button to get a fresh start.

Or maybe I’m not understanding your problem?

moonlight2317 · October 10, 2021, 1:46am

I’m on my aspire 3 windows 10 laptop if i get it i will update

moonlight2317 · October 10, 2021, 1:48am

ahh sweet the video helper came back

jwilkins.oboe · October 10, 2021, 1:49am

@bbsmooth brings up a good point.

You only need to add the img.

You shouldn’t have to add the p tags since they are already there.

But also, on your laptop what happens when you do Ctrl C and Ctrl V for the url?

moonlight2317 · October 10, 2021, 1:49am

never mind on wrong step

moonlight2317 · October 10, 2021, 1:54am

thank you so much happy thanksgiving i got image up see may i just ask what scr means

moonlight2317 · October 10, 2021, 1:55am

i got the image up as a url link?

jwilkins.oboe · October 10, 2021, 1:56am

I am not sure what this means.

It would probably help if we could see what you are working with.

Can you post your latest code directly into the forum?

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 (').

bbsmooth · October 10, 2021, 1:58am

You’ve got a few letters mixed up, it’s src which is the “source” attribute and you set it to the URL/file path where the image is located. It tells the browser where to find the image so it can get it and display it on the page.

moonlight2317 · October 10, 2021, 4:53am

so I ran the code and i have the picture up but i can’t seem to figure out how to fix my alt attribute its saying its empty it also says this
Your image should have a src attribute that points to the kitten image.

CatPhotoApp

alt=“free cat photo app”/>

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>

<img src="https://www.freecatphotoapp.com/your-image.jpg"> alt="free cat photo app"/>

<p>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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36 Edg/94.0.992.38

Challenge: Add Images to Your Website

Link to the challenge:

rio_sanap · October 10, 2021, 5:51am

you have written your alt outside the img tag

syntax is :

  <img src="your img path" alt="your alternative text" title="your img title">

moonlight2317 · October 10, 2021, 5:36am

i figured how to show the picture I’m just having troubles filling in my alt and src attribute

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>
<img src="https://www.freecatphotoapp.com/your-image.jpg"> alt=free cat photo app.">
<p>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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.71 Safari/537.36 Edg/94.0.992.38

Challenge: Add Images to Your Website

Link to the challenge:

rio_sanap · October 10, 2021, 5:41am

  <img src="https://www.freecatphotoapp.com/your-image.jp" alt="free cat photo app" title="free cat photo app">

you must write your alt inside img tag and i see you have written out side.

and i have not give jpg only jp because this was showing image and i want you to see code .

system · April 10, 2022, 5:37pm

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.