# This is the first web page I have ever made!

**URL:** <https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047>\
**Category:** I Built This\
**Created:** [June 11, 2020, 1:19pm UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047 "2020-06-11T13:19:21Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jhowardjr73](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jhowardjr73/32/153534_2.png) [@jhowardjr73](https://forum.freecodecamp.org/u/jhowardjr73)\
**Post date:** [June 11, 2020, 1:19pm UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/1 "2020-06-11T13:19:21Z")

</div>

I would like some feedback about my Tribute page. Thank you!  
[https://codepen.io/Jhowardjr73/pen/OJMPdwE](https://codepen.io/Jhowardjr73/pen/OJMPdwE)

---

<div class="post-metadata">

**Author:** ![lancelote](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lancelote/32/158622_2.png) [@lancelote](https://forum.freecodecamp.org/u/lancelote)\
**Post date:** [June 11, 2020, 3:11pm UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/2 "2020-06-11T15:11:08Z")

</div>

Hi! Consider placing `h2` and `figcaption` in the center of the page like the image.

Also move `style` tag content to the dedicated CSS tab from HTML one

 ![Screen Shot 2020-06-11 at 18.09.18](https://global.discourse-cdn.com/freecodecamp/original/3X/2/e/2e21e3b457757bfcfbb72a2fb67ccca5835ee0e8.png)

---

<div class="post-metadata">

**Author:** ![jhowardjr73](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jhowardjr73/32/153534_2.png) [@jhowardjr73](https://forum.freecodecamp.org/u/jhowardjr73)\
**Post date:** [June 12, 2020, 1:08am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/3 "2020-06-12T01:08:14Z")

</div>

Thank you for the suggestions! I tried changing the build to the CSS tag and a few things stopped working including the test panel. Also I have yet to figure out how to align the figcaption to the image edge. Still working on it though!

---

<div class="post-metadata">

**Author:** ![JohnJohn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnjohn/32/135695_2.png) [@JohnJohn](https://forum.freecodecamp.org/u/JohnJohn)\
**Post date:** [June 12, 2020, 3:22am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/4 "2020-06-12T03:22:12Z")

</div>

Can you post your updated pen so we can see where you’re stuck? If the “hamburger menu” disappeared it’s probably because is no longer at the top. That should remain in place.

Also, do you want the figcaption to be centered under the picture or aligned with the edge of the image? **TIP:** temporarily add the CSS declaration `figcaption {background-color: #000;}`. I think it will make the issue super easy to resolve. If it doesn’t, just post your updated pen and we’ll help you out.

---

<div class="post-metadata">

**Author:** ![jhowardjr73](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jhowardjr73/32/153534_2.png) [@jhowardjr73](https://forum.freecodecamp.org/u/jhowardjr73)\
**Post date:** [June 12, 2020, 4:08am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/5 "2020-06-12T04:08:32Z")

</div>

Yes, thank you. Sorry about that.  
[https://codepen.io/Jhowardjr73/pen/pogyRVG](https://codepen.io/Jhowardjr73/pen/pogyRVG)  
I also noticed after switching to css the \<div id=“title”\*\*\* is missing from the page even though its in the code. And i followed your suggestion for figcaption and the block is centered on the image though it overhangs to either side.

---

<div class="post-metadata">

**Author:** ![JohnJohn](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/johnjohn/32/135695_2.png) [@JohnJohn](https://forum.freecodecamp.org/u/JohnJohn)\
**Post date:** [June 12, 2020, 4:15am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/6 "2020-06-12T04:15:11Z")

</div>

Ahh, okay, I see what happened. Only your CSS (the code between `<style></style>`) should be moved to the separate CSS space.

What was your code for the figcaption? I don’t see it in your new pen.

---

<div class="post-metadata">

**Author:** ![jhowardjr73](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jhowardjr73/32/153534_2.png) [@jhowardjr73](https://forum.freecodecamp.org/u/jhowardjr73)\
**Post date:** [June 12, 2020, 4:47am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/7 "2020-06-12T04:47:26Z")

</div>

Oh! Lol! Got it. So i made the changes to the original pen because im doing this all from my phone and its easier to move the css code than all the rest. Now the text and background colors aren’t working and the fonts don’t seem to be working either. I read something about linking css to the html page. Could that be why? Gonna try and see 🙂  
[https://codepen.io/Jhowardjr73/pen/OJMPdwE](https://codepen.io/Jhowardjr73/pen/OJMPdwE)

---

<div class="post-metadata">

**Author:** ![jhowardjr73](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jhowardjr73/32/153534_2.png) [@jhowardjr73](https://forum.freecodecamp.org/u/jhowardjr73)\
**Post date:** [June 12, 2020, 4:50am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/8 "2020-06-12T04:50:31Z")

</div>

Also i put in the figcaption code  
figcaption {  
background-color: #000; }  
like you said and it blacked out the caption block.

---

<div class="post-metadata">

**Author:** ![sobadrdb](https://avatars.discourse-cdn.com/v4/letter/s/a8b319/32.png) [@sobadrdb](https://forum.freecodecamp.org/u/sobadrdb)\
**Post date:** [June 12, 2020, 10:13am UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/9 "2020-06-12T10:13:36Z")

</div>

hi @jhowardjr73

your css not fully working because youre not removing or delete the opening ` <style> ` and closing ` </style> ` tag on your css tab, like @JohnJohn mentioned above.  
delete those two and css would fully work.

the style tag only fully work inside your ` head ` in html file

---

<div class="post-metadata">

**Author:** ![jhowardjr73](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jhowardjr73/32/153534_2.png) [@jhowardjr73](https://forum.freecodecamp.org/u/jhowardjr73)\
**Post date:** [June 12, 2020, 12:47pm UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/10 "2020-06-12T12:47:59Z")

</div>

Awesome! 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:16pm UTC](https://forum.freecodecamp.org/t/this-is-the-first-web-page-i-have-ever-made/402047/11 "2021-06-01T13:16:05Z")

</div>