Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
	<meta charset="utf-8">
	<title>MOBILE PHONES</title>
	<h3>Popular Brands</h3>
<nav id="navbar" class="nav"><ul class="nav-list">
	<link rel="stylesheet" href="styles.css">	<header>Useful Links</header>		
<li><a class="nav-link" href="#Samsung">Samsung</a></li>
<li><a class="nav-link" href="#Apple">Apple</a></li>
<li><a class="nav-link" href="#One-plus">One-plus</a></li>
<li><a class="nav-link" href="#Redmi">Redmi</a></li>
<li><a class="nav-link" href="#Oppo">Oppo</a></li>
<main id="main-doc">

		<section class="main-section" id="Samsung">
			<p>The Samsung is a South Korean multinational manufacturing conglomerate headquartered in Samsung Town, Seoul, South Korea.</p>
			<p>Samsung was founded by Lee Byung-chul in 1938 as a trading company. </p>
	<h6>Best Series</h6>
	<code>Samsung Galaxy S22</code>
	<code>Samsung Galaxy Z Fold 3</code>
		<section class="main-section" id="Apple">
			<p>Apple was founded as Apple Computer Company on April 1, 1976, by Steve Jobs, Steve Wozniak and Ronald Wayne to develop and sell Wozniak's Apple I personal computer.</p>
			<p>It was incorporated by Jobs and Wozniak as Apple Computer, Inc. in 1977</p>
			<h6>Best Series</h6>
	<code>Apple iPhone 13 Pro</code>
	<code>Apple iPhone 11 Pro Max</code>
		<section class="main-section" id="One-Plus">
			<p>OnePlus was founded on 16 December 2013 by former Oppo vice-president Pete Lau and Carl Pei.</p>
			<p>According to Chinese public records, OnePlus' only institutional shareholder is Oppo Electronics.</p>
			<h6>Best Series</h6>
	<code>OnePlus 10 Pro</code>
	<code>OnePlus 8T.</code>

		<section class="main-section" id="Redmi">
			<p>Redmi is a subsidiary company owned by the Chinese electronics company Xiaomi.</p>
			<p>Models are divided into the entry-level Redmi, the mid-range Redmi Note, and the high-end Redmi K.</p>
			<h6>Best Series</h6>
	<code>Redmi 9A</code>
	<code>Redmi 9 Activ</code>
		<section class="main-section" id="Oppo">
			<p>The brand name "Oppo" was registered in China in 2001 and launched in 2004.</p>
			<p>the company has expanded to 50 countries</p>
			<h6>Best Series</h6>
	<code>OPPO F21 Pro 5G</code>
	<code>OPPO F19 Pro.</code>


/* file: styles.css */
 display: grid;
 grid-template-column: minmax(300px,auto)1fr;
 grid-gap: 20px;
grid-template-areas: "navbar mainContent";

@media screen only and (max-width:750px) {
   grid-template-areas: "navbar";
   **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:

Hi! Welcome to the forum! :smiley:

Can you please explain what you are stuck on? What error messages are you getting?

It isn’t possible to help if people don’t know what the problem is.

Although I am seeing several major HTML syntax mistakes that need fixing and I’m happy to run you though what they are.

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