Tell us what’s happening:
What’s wrong with my section elements it’s not reading them and it’s classes.
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>technical Page</title>
</head>
<body>
<!-- creating the navigation bar with an id "navbar" -->
<main id="main-doc">
<link rel="stylesheet" href="styles.css">
<nav id="navbar">
<header>My Kicks Rotation</header>
<a class="nav-link" href="#Asics">Asics</a>
<a class="nav-link" href="#New_balance">New balance</a>
<a class="nav-link" href="#Salomon">Salomon</a>
<a class="nav-link" href="#Jordans">Jordan’s</a>
<a class="nav-link" href="#Rick_owens">Rick owens</a>
</nav>
<!-- Details on each category in the navigation bar -->
<section class="main-section" id="Asics">
<header>Asics</header>
<img id="image" src="https://cdn.sanity.io/images/d6wcctii/production/63040929c70f33dd367ec506b74d6fcf53bab1af-1070x760.jpg?w=1200&q=80&fit=clip&auto=format">
<p>Japanese founded sportswear shoes that’s making its trend as of last year popular in the US.</p>
<p>Everyday wear shoes. Comfy. Designed for sportswear and fashion. </p>
<code></code>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</section>
<section="main-section" id="New_balance">
<header>New balance</header>
<img id="image" src="https://cdn.sanity.io/images/c1chvb1i/production/e4108f8c637b93c9e6961695d53b22c702305c73-1100x735.jpg/salehe-bembury-12.jpg?fm=webp">
<p> Dubbed as the “dad shoes” because of their high soles.</p>
<p>Everyday wear type shoes. Designed for outdoor activities, sport performances and fashion.</p>
<code></code>
</section>
<section class="main-section" id="Salomon">
<header>Salomon</header>
<img id="image" src="https://harresoe.com/cdn/shop/files/011272_none_1.jpg?format=pjpg&v=1683015012&width=1313">
<p>Salomon’s target consumers are for people who enjoy outdoor activities such as hiking, or walking long distances.</p> <p>Everyday wear shoe. Comfortable. Also has a unique style of laces so tightening them on your feet is more efficient. No need to worry about lace’s being loose wearing them.</p>
<code></code>
</section>
<section class="main-section" id="Jordans">
<header>Jordans</header>
<img id="image" src="https://www.nicekicks.com/files/2022/08/Air-Jordan-4-Retro-Midnight-Navy-DH6927-140-Lead.jpg">
<p>Essential footwear to wear. Symbolizes MJ body of work and accomplishments wearing his brand.</p>
<p>Every model has its own story telling design sphere headed by Tinker Hatfield.</p>
<code></code>
</section>
<section class="main-section" id="Rick_owens">
<header>Rick owens</header>
<img id="image" src="https://nubiantokyo.com/cdn/shop/articles/LINE_ALBUM_2212141.jpg?v=1671012695&width=900">
<p>Not affordable but the most eclectic brands today</p>
<p>My personal favorite is the EDFU vintage sneakers. These sneakers feature a full grain calf leather base and velour suede paneling on the upper with front lace closure. </p>
<code></code>
</section>
</main>
</body>
</html>
/* file: styles.css */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15
Challenge Information:
Technical Documentation Page - Build a Technical Documentation Page