Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
I´m building a Technical Documentation but I cannot pass this test:-Your Technical Documentation project should use at least one media query

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style.css">
    <title>Technical Documentation</title>
    <main id="main-doc">
      <section class="main-section" id="Introduction">
      <section class="main-section" id="What_you_should_know">
        <header>What you should know</header>
        <nav id="navbar">
          <li><a href="#Introduction" class="nav-link">Introduction</a></li>
          <li><a href="#What_you_should_know" class="nav-link">What you should know</a></li>
          <li><a href="#JavaScript_and_java" class="nav-link">JavaScript and java</a></li>
          <li><a href="#Hello_World" class="nav-link">Hello World</a></li>
          <li><a href="#Variables" class="nav-link">Variables</a></li>
      <section class="main-section" id="JavaScript_and_java">
        <header>JavaScript and java</header>
      <section class="main-section" id="Hello_World">
        <header>Hello World</header>
      <section class="main-section" id="Variables">
/* file: styles.css */
text-align: left;

@media (max-width: 600px) {
body {
background-color: lightblue;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Can you post your entire css codes here?

This is all of the css code

You have the same issue you had in the other topic you started. You need to be more careful about typos.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.