# https://codepen.io/Taity/pen/oNjXaGJ

**URL:** <https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497>\
**Category:** I Built This\
**Created:** [April 13, 2020, 2:18pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497 "2020-04-13T14:18:18Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Taity045](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/taity045/32/142351_2.png) [@Taity045](https://forum.freecodecamp.org/u/Taity045)\
**Post date:** [April 13, 2020, 2:18pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497/1 "2020-04-13T14:18:18Z")

</div>

[https://codepen.io/Taity/pen/oNjXaGJ](https://codepen.io/Taity/pen/oNjXaGJ)

Hey, guys please can you give me any constructive feedback (especially on how I can make it better and do better on the next projects ) on my tribute page, this is the first time I have ever tried to make a website thanks.

---

<div class="post-metadata">

**Author:** ![jacksondavies03](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jacksondavies03/32/142489_2.png) [@jacksondavies03](https://forum.freecodecamp.org/u/jacksondavies03)\
**Post date:** [April 13, 2020, 3:07pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497/2 "2020-04-13T15:07:45Z")

</div>

Looks good!

What I would do is, discard the “img-caption { position: center; }” and align the text of the body, what this will do is align the whole page, which in my opinion makes it look aesthetically nicer.

You could also increase the size of titles, to add structure, and also make things like the quote 5 pixels bigger so it’s more readable.

---

<div class="post-metadata">

**Author:** ![Taity045](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/taity045/32/142351_2.png) [@Taity045](https://forum.freecodecamp.org/u/Taity045)\
**Post date:** [April 13, 2020, 3:12pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497/3 "2020-04-13T15:12:33Z")

</div>

Let me work on that , Thanks!

---

<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:** [April 14, 2020, 1:38pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497/4 "2020-04-14T13:38:43Z")

</div>

Your page looks good @Taity045 but you use the `body` element incorrectly.

- The image, the quote, the `main` and `footer` elements all should be inside the `body` element.
- The link to the stylesheet belongs in the `head` element.
- Here’s a [sample template](https://www.sitepoint.com/a-basic-html5-template/) found just doing a Google search for ‘html boilerplate template’
- Now with all that being said, when using codepen it provides the boilerplate template for you and only expects the code you’d put within the `<body> </body>` tags in HTML. (No need to include the body tags). For anything you want to add to `<head>` click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for \<head\>’ box.
- The `img` tag is self closing…`</img>` is not valid

---

<div class="post-metadata">

**Author:** ![Taity045](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/taity045/32/142351_2.png) [@Taity045](https://forum.freecodecamp.org/u/Taity045)\
**Post date:** [April 14, 2020, 3:01pm UTC](https://forum.freecodecamp.org/t/https-codepen-io-taity-pen-onjxagj/372497/5 "2020-04-14T15:01:28Z")

</div>

okay , i understand , will revisit my project and implement that , will do that for the next projects as well thank you.

---

<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/https-codepen-io-taity-pen-onjxagj/372497/6 "2021-06-01T13:39:03Z")

</div>

Closed on June 1, 2021, 1:39pm UTC