Learn the CSS Box Model by Building a Rothko Painting - Step 2

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

<!DOCTYPE html>
<html lang="en">

<!-- User Editable Region -->

  <head>
    <title>Rothko Paiting> 
      <meta charset="UTF-8">
    </title>
  </head>
  <body>
    <img src="https://cdn.freecode.camp.org/curriculum/css-box-model/diagram-1.png">
  </body>

<!-- User Editable Region -->

hello everyone, kindly wake me through this. below is my code. and also the instruction.

Step 2

Within the head element, add a meta tag which sets the charset to UTF-8, and a title element with the value Rothko Painting.

Within the body element, add an img element with a src of https://cdn.freecodecamp.org/curriculum/css-box-model/diagram-1.png.


 <head>
    <title>Rothko Paiting> 
      <meta charset="UTF-8">
    </title>
  </head>
  <body>
    <img src="https://cdn.freecode.camp.org/curriculum/css-box-model/diagram-1.png">
  </body>`Preformatted text`

</html>
1 Like
2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

1 Like
3

you put a meta tag in your title if you pasted it one line up it will work

2 Likes
4

I’ve tried it. kindly see my code below.

<head>
    <title>Rothko Paiting> <meta charset="UTF-8"></title>
  </head>
  <body>
    <img src="https://cdn.freecode.camp.org/curriculum/css-box-model/diagram-1.png">
  </body>
2 Likes
5

Here you tried well.

But need to notice one thing that title is a different element and meta tag is different one.

Kindly separate in different lines then you will be able to pass this test.

Hope you understand. :partying_face:

3 Likes
6

Great work! After ‘Painting’ get rid of angle bracket ( > ). Cut and paste ‘meta’ tag on next line. It should not be wrapped between the ‘title’ tags. Hope this helps.

3 Likes
7

Theres even more issues than what the other three comments have addressed you need to

  1. Move the meta element outside of the title element
  2. Correct the spelling of the word “Painting”
  3. Get rid of the bracket > that comes after the word painting
  4. fix your img src because it is not correct. Look at what the challenges tells you to use for the src, and compare it to what you have. You can also copy and paste the src the challenge gives you

It helps if you go line by line in your code when checking to see what is wrong. There is not a lot of code here, and some of these can be caught pretty quickly.

3 Likes
8

get it outside of the title

3 Likes
9

Thank you Cody appreciate how you take your time to explain in details.

2 Likes
10

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