Assessment wanted for Test your skills: Backgrounds and borders - Tasks 1 & 2 ๐Ÿ™๐Ÿพ

Hi. Could you please review the following tasks, especially task 2 (last bullet point). The background images will not show, however, Iโ€™ve attached images of what the task looks like complete.

Given Tasks:

Task 1:

Task 2:

Screenshot 2022-08-03 at 17.24.23

Hi @vusithedev

Generally, when using CodePen you should use the starting point linked at the end of the task instead of copying from the live editor. There are often hidden styles (like the width of the box) in the live editor. Additionally youโ€™ll find the images in the same GitHub folder. When clicking on โ€œDownloadโ€ there, youโ€™ll get the URL which can be used in CodePen.
For example the star: https://raw.githubusercontent.com/mdn/css-examples/main/learn/tasks/backgrounds/star.png

Looking at your code itโ€™s mostly fine. The only thing is that you are missing some left and right padding on the <h2> in task 2. With the correct amount of padding together with the styles from the starting point I mentioned above, your solution will look like in the image.

I hope that helps. If something is unclear, just ask. :slightly_smiling_face:
Michael

Thank you for this. Iโ€™ll be sure to approach it this way going forward :pray:t5:

1 Like