Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Josh McMullin
Josh McMullin
3,012 Points

Question on resizing the header h1 tag.

Hello all,

I've got a question on resizing the h1 font in the header div of my page. The text is "Tori Patocchi Flower Design"  When I resize the window to be more narrow, The "Design" displays underneath the rest of the header tag. I'm trying to figure out how to fix that.

Here's my HTML -

<div class="grid_12"> <h1>Tori Patocchi Flower Design</h1> </div> <div class="grid_12"> <ul class="nav"> <li><a href="index1.html">About</a></li> <li><a href="portfolio2.html">Portfolio</a></li> <li><a href="contact1.html">Contact</a></li> </ul> </div><!--nav div-->

and I've got a couple CSS style sheets -

I've got a Normalize.CSS, Grid.CSS, and my custom Style.CSS

The Style.CSS for the H1 is

h1 { display: block; font-size: 1.75em; letter-spacing: 1px; margin: 1% 0 0 25%; }

The grid_12 is 100% wide

Any help would be greatly appreciated,

Josh

1 Answer

doloresquinonez
doloresquinonez
19,093 Points
doloresquinonez
doloresquinonez
19,093 Points

Hi Josh,

If you want to resize the h1 tag, you can use css for it.

h1{ font-size: 15pt; }

Josh McMullin
Josh McMullin
3,012 Points

Hi sorry, I accidentally posted this before I finished putting in my html and css. So my problem is that when I resize the window to its smallest width the title displays like so -

Tori Patocchi Flower Design

I want it to display like this instead - Tori Patocchi Flower Design

Any suggestion?