Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

The css font-style does not apply to the first instance of visible text

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Technical Documentation Page</title>
    <meta name="viewport" content="width=device-width, inital-scale=1.0">
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main-doc">
      <section class="main-section" id="I_have_no_idea_what_to_put_here">

        <header>I have no idea what to put here</header>
        <code>Button<code>
        <p>Some Text!</p>
        <p>Even More Text!</p>

      </section>

      <section class="main-section" id="Nor_here">

        <header>Nor here</header>
        <code>button</code>
        <p>Nothing</p>
        <p>Even More Nothing</p>
      
      </section>
      
      <section class="main-section" id="An_empty_header!">
        
        <header>An empty header!</header>
        <code>button</code>
        <p>You would think headers would be larger</p>
        <p>So you would</p>
      
      </section>
      
      <section class="main-section" id="What_fun!">
        
        <header>What fun!</header>
        <code>button</code>
        <p>It is to ride</p>
        <p>A one horse open slay</p>
      
      </section>
      
      <section class="main-section" id="Still_no_idea_what_I_should_put_in_this_one">
        
        <header>Still no idea what I should put in this one</header>
        <code>button</code>
        <p>Yeah me neither</p>
        <p>SAME!</p>
      
      </section>
    </main>
  </body>
</htm>

/* file: styles.css */
* {
  font-style: comic-sans;
  
}

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

font-style is to apply styles such bold or italic, if you want to change the font, you should use font-family. For the font Comic Sans, you should use value "Comic Sans" with the quotes

1 Like
3

Thank you! I have found that "Comic Sans" does not work on my browser, but "Comic Sans MS" does instead, again thank you for help! What was really confusing me was that when I was using font-style it was changing all of my text anyway apart from the first instance of text but you have completly fixed my problem any way.