Technical Documentation Page - Build a Technical Documentation Page

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">
    <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">
    <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>
        <p>Some Text!</p>
        <p>Even More Text!</p>


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

        <header>Nor here</header>
        <p>Even More Nothing</p>
      <section class="main-section" id="An_empty_header!">
        <header>An empty header!</header>
        <p>You would think headers would be larger</p>
        <p>So you would</p>
      <section class="main-section" id="What_fun!">
        <header>What fun!</header>
        <p>It is to ride</p>
        <p>A one horse open slay</p>
      <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>
        <p>Yeah me neither</p>
/* file: styles.css */
* {
  font-style: comic-sans;

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

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

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.