My tribute page project - loving your feedback<3

Code Feedback
1

Hello everyone,
Now, I’m just a beginner, I hope that I can improve my skill to be more strong,
here is my first trubute page about William Shakespeare.
Hope you can give me some feedback, and wise you guys have a nice day:’)

2

Hello @kxin, your tribute page is great; however, there are a few things you should fix:

  • Your project only passes 6/10 tests. It has to pass 10/10 tests to be considered complete.

  • The DOCTYPE and HTML tags are not required in codepen.

  • The head tag is not used in codepen editors, so you should paste all of your meta and title tags in the “stuff for head” section in the HTML section of your pen settings.

  • The CSS link is not needed; codepen links the CSS editor with the HTML editor behind the scenes.

3

Welcome to the forum @kxin, as stated keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>).

  • The test script should be included, with all tests passing, when you submit your project.
  • Additionally, don’t use the <br> element to force line breaks or spacing. Use margin and/or padding in CSS
4

@Code_Camper @Roma
I am not really know how to use CodePen,
but, it’s OK! I will keep learning, haha,
yours feedback it’s really helpful to me!
I have already fix my mistake and done this project,
and I think tomorrow can go on my next project,
thanks for your teaching and your time : ’ )

5

This is impressive for a beginner project. I especially like the style - it goes well with the subject matter.

Things get a little weird when you adjust the viewport, so you will eventually need to learn media queries and other tools to make the page more responsive. It can be challenging at first but it gets easier with practice (I didn’t fully understand responsiveness until I finished the tech documentation project). This fcc video really helped me understand it better: https://www.youtube.com/watch?v=srvUrASNj0s&t=14349s

Overall, a really good start! Just make sure to meet all the requirements when you submit…

6

@kxin, you could take a look at codepen’s official documentation

7

Hello @kxin!

Welcome to the forum!

Your page on full size your id #Image2 collapse with footer. I played a little with your margins and this code works for me.

#image2 {
width: 45%;
float: left;
margin: -2rem 0 0 0;
}

8

@aburns009 For beginners, it’s so many anxious things you have to learning and trying, your feedback give me more confident ,push me power to keep going , I’m really appreciate you and I will arrange time to watch this video!

9

@leonardootc Thank you! I have try this code, it’s pretty good, I will pay attention next time!