# My tribute page project - loving your feedback\<3

**URL:** <https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436>\
**Category:** I Built This\
**Created:** [March 23, 2020, 1:57pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436 "2020-03-23T13:57:22Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![kxin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kxin/32/138631_2.png) [@kxin](https://forum.freecodecamp.org/u/kxin)\
**Post date:** [March 23, 2020, 1:57pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/1 "2020-03-23T13:57:22Z")

</div>

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](https://codepen.io/Kxin/full/GRJXzvE) about William Shakespeare.  
Hope you can give me some feedback, and wise you guys have a nice day:’)

---

<div class="post-metadata">

**Author:** ![Code\_Camper](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/code_camper/32/251927_2.png) [@Code\_Camper](https://forum.freecodecamp.org/u/Code_Camper)\
**Post date:** [March 23, 2020, 2:21pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/2 "2020-03-23T14:21:59Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [March 23, 2020, 2:57pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/3 "2020-03-23T14:57:13Z")

</div>

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

> **[: The Line Break element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/br)**
>
> The HTML br element produces a line break in text (carriage-return). It is useful for writing a poem or an address, where the division of lines is significant.

---

<div class="post-metadata">

**Author:** ![kxin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kxin/32/138631_2.png) [@kxin](https://forum.freecodecamp.org/u/kxin)\
**Post date:** [March 23, 2020, 5:00pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/4 "2020-03-23T17:00:40Z")

</div>

@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 : ’ )

---

<div class="post-metadata">

**Author:** ![aburns009](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/aburns009/32/138722_2.png) [@aburns009](https://forum.freecodecamp.org/u/aburns009)\
**Post date:** [March 23, 2020, 5:46pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/5 "2020-03-23T17:46:54Z")

</div>

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](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…

---

<div class="post-metadata">

**Author:** ![Roma](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/roma/32/112899_2.png) [@Roma](https://forum.freecodecamp.org/u/Roma)\
**Post date:** [March 23, 2020, 6:20pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/6 "2020-03-23T18:20:49Z")

</div>

@kxin, you could take a look at codepen’s [official documentation](https://blog.codepen.io/documentation/)

---

<div class="post-metadata">

**Author:** ![leonardootc](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/leonardootc/32/134162_2.png) [@leonardootc](https://forum.freecodecamp.org/u/leonardootc)\
**Post date:** [March 23, 2020, 6:57pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/7 "2020-03-23T18:57:23Z")

</div>

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;  
> }

---

<div class="post-metadata">

**Author:** ![kxin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kxin/32/138631_2.png) [@kxin](https://forum.freecodecamp.org/u/kxin)\
**Post date:** [March 24, 2020, 2:54am UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/8 "2020-03-24T02:54:34Z")

</div>

@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!

---

<div class="post-metadata">

**Author:** ![kxin](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kxin/32/138631_2.png) [@kxin](https://forum.freecodecamp.org/u/kxin)\
**Post date:** [March 24, 2020, 2:55am UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/9 "2020-03-24T02:55:59Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 1:39pm UTC](https://forum.freecodecamp.org/t/my-tribute-page-project-loving-your-feedback-3/362436/10 "2021-06-01T13:39:38Z")

</div>


