Hello good people here is the link of the giving homework Fundamental CSS comprehension - Learn web development | MDN ( and here is the link of my attempted solution A Pen by Cleo ( My problems are first I can’t identify the two given errors , then I set the rules for the article background but yet red background on footer and header can’t be highlighted , and finally I don’t know what rule to set for the article image to be uploaded on the card. Please help me .

Hey @Cleo_Shepsut,

Let’s take this step by step:

First of all the text below was probably accidentally copied:

© 2022 GitHub, Inc. Terms Privacy

When using a tool such as Codepen, the HTML area expects just the HTML that is inside the opening and closing body element. I have created a Gist on GitHub showing your current code before, and what can be used in Codepen (the after.html Gist)

Once you have updated your Codepen with this change let me know what the next stumbling block is for you. Don’t give up, you got this!

Staff Community Manager - MDN Web Docs


hello thanks , have adjusted html at Codepen .

Check my Codepen , next problem how to identify the two given errors and correct them ?

Hello sir ,
Please check this out A Pen by Cleo ( The background red color can’t highlight , and the photo doesn’t upload .

Hey there,

For the image not loading, you might have missed this bit on the assessment page:

Alternatively, you could use a site like JSBin or Glitch to do your assessment. You could paste the HTML and fill in the CSS into one of these online editors, and use this URL to point the <img> element to the image file.

So where you currently have just chris.jpg, you want to replace that with

Not sure which part is not highlighting in red but, I can see a couple of things with the CSS:

.card article img{float: right; background-image: 

If you look at the above block you will notice that you have a background-image: property but no value specified. Then, a general best practice tip is that when a value is 0, there is no need to specify the unit. For example here:

.card h2{margin: 0em; font-size: 2em; line-height: 2;}

You can write it as:

.card h2 {
  margin: 0; /* notice the difference here */
  font-size: 2em;
  line-height: 2;

Staff Community Manager - MDN Web Docs


Thanks very much for your concern sir, and sorry for my slowness to understand , I have uploaded the image, and did some changes. i 'am still afraid that my attempt is not completely perfect. A Pen by Cleo (

1 Like

This looks good now, @Cleo_Shepsut