Fashion Blog Project Text Showing In Bold When Not Supposed To

Hi,
I’ve recently started on Codecademy Pro and I’ve excitedly started learning HTML. I’ve got to the Fashion Blog Project and I’ve mostly completed it successfully. There is one thing that’s bugging me though:

Under the header that says “Related Content”
Everything is in Bold font. I can’t see any misplaced <strong> tags and searching online told me that there is a <b> tag also. I thought I may have put one in by mistake, maybe instead of a <p> tag, but I couldn’t find one either.

As a consequence, not only do I get bold text where I don’t want it, but also, in the “Contact” section, where I’m supposed to bold out “phone”, “email” and “address” with the <strong> tag they don’t show up any differently than the rest of the text.

Here is my code:


<!DOCTYPE html>
<html>
  <head>
    <title>Everyday with Isa</title>
  </head>
  <body>
    <a href="#contact"><img src="https://s3.amazonaws.com/codecademy-content/courses/learn-html/elements-and-structure/profile.jpg"/></a>
    <h3>by Isabelle Rodriguez | 1 day ago</h3>
    <h1>An Insider's Guide to NYFW</h1>
    <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-html/elements-and-structure/image-one.jpeg"/>
    <p><a href="https://en.wikipedia.org/wiki/New_York_Fashion_Week." target="_blank">NYFW</a> can be both amazingly fun & incredibly overwhelming, especially if you've never been. Luckily, I'm here to give you an insider's guide and make your first show a pleasurable experience. By taking my tips and tricks, and following your gut, you'll have an unforgettable experience!</p>
    <h2>Getting Tickets & Picking the Shows</h2>
    <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-html/elements-and-structure/image-two.jpeg"/>
    <p>If you're lucky or connected you can get an invite, sans the price tag. But I wasn't so lucky or connected my first 2 years so I'm here to help you out. First, plan out which shows are most important to you and make a schedule and this is a biggie: SET A BUDGET. If you're worrying about blowing your cash the whole time you won't have fun. Then check out prices, days, and times and prioritize the designers you wnat to see most. Lastly, purchase your tickets and get excited!</p>
    <h2>Dressing for the Shows</h2>
    <img src="https://s3.amazonaws.com/codecademy-content/courses/learn-html/elements-and-structure/image-three.jpeg"/>
    <p>Always be true to your own sense of style, if you don't you'll be uncomfortable the whole time and it will show. Remember, NYFW is about expressing yourself and taking in what the designers have chosen to express through their new lines. Also it's important to wear shoes you'll be comfortable in all day. Obviously you want to look good, but you'll be on your feet all day long, so be prepared.</p>
    <h4>Related Content<h4>
    <ul>
      <li>"How To Style Boyfriend Jeans"</li>
      <li>"When Print Is Too Much"</li>
      <li>"The Overalls Trend"</li>
      <li>"Fall's It Color: Blush"</li>
    </ul>
    <div id="contact">
      <p><strong>email</strong>: isa@fashionblog.com | <strong>phone</strong>: 917-555-1098 | <strong>address</strong>: 371 284th St, New York, NY, 10001</p>
    </div>
  </body>    
</html>

And here is how it shows up:
(I’ve bolded the appropriate parts for you to see in this post, you can ignore any other formatting problems like the list not showing up with the appropriate bullets and such as in the exercise they do, it’s just while copying to this forum that the formatting disappeared)

by Isabelle Rodriguez | 1 day ago
An Insider’s Guide to NYFW

NYFW can be both amazingly fun & incredibly overwhelming, especially if you’ve never been. Luckily, I’m here to give you an insider’s guide and make your first show a pleasurable experience. By taking my tips and tricks, and following your gut, you’ll have an unforgettable experience!

Getting Tickets & Picking the Shows

If you’re lucky or connected you can get an invite, sans the price tag. But I wasn’t so lucky or connected my first 2 years so I’m here to help you out. First, plan out which shows are most important to you and make a schedule and this is a biggie: SET A BUDGET. If you’re worrying about blowing your cash the whole time you won’t have fun. Then check out prices, days, and times and prioritize the designers you wnat to see most. Lastly, purchase your tickets and get excited!

Dressing for the Shows

Always be true to your own sense of style, if you don’t you’ll be uncomfortable the whole time and it will show. Remember, NYFW is about expressing yourself and taking in what the designers have chosen to express through their new lines. Also it’s important to wear shoes you’ll be comfortable in all day. Obviously you want to look good, but you’ll be on your feet all day long, so be prepared.

Related Content

"How To Style Boyfriend Jeans"
"When Print Is Too Much"
"The Overalls Trend"
"Fall’s It Color: Blush"

email: isa@fashionblog.com | phone: 917-555-1098 | address: 371 284th St, New York, NY, 10001

Editing just to comment that the email doesn’t show as a hyperlink in the exercise, that’s an effect of posting in the forum, just in case that affects anything.

It’s not a great deal, but it bugs me to no end not knowing what’s going on. Also, I figure that I won’t be designing any great websites if I can’t even control when the text is bold and when it isn’t lol.

Any help will be appreciated, thanks!

2 Likes

I noticed that you didn’t close your h4 tag that serves as the title for the Related Content list. That may be the problem.

Hope this helps!

3 Likes

Hi @rossromeo. I can’t see any mistakes.

1 Like

As @plum6708 said, you didn’t close the <h4> tag:

This does not throw and error, but it will make the rest of the text below it in the style of an <h4>. As far as I can remember, <h4> tags provide text that is roughly similar in size to the <p> tag, except in bold.

3 Likes

Thank you! Yes, that was it! :grinning:

Thanks for looking into it!

1 Like

Thank you! Yes, that’s exactly what happened!

1 Like