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.
Michael