Product Landing Page - Build a Product Landing Page

Hi guys ,

I was stuck with this issue a while back but have come back to it now. It is about where to place the media queries. I have been stuck with this issue for the past hour and have even followed a tutorial on youtube but have not had any luck. If you could please help me thanks . @media (max-width: 500px);

  **Your code so far**
/* file: index.html */

  position: sticky;
  top: 0;
  width: 100%;

@media screen and (max-width: 992px) {
body {
  background-color: white;


<link rel="stylesheet" href="styles.css">
<header id="header">
<h1>Welcome to my Life</h1>
<img src="*VaYVj7NvnTzFnY9v38iKmg.png" alt="What is Life Image" id="header-img" border ="10" height="250px" width="300px";>

<nav id="nav-bar">
  <h1><u>Welcome to my Life</u> &nbsp; &nbsp; &nbsp;
  <a class="nav-link" href="#University Life">University Life</a> &nbsp; &nbsp; &nbsp;
  <a class="nav-link" href="# MLA Job">MLA Job</a> &nbsp; &nbsp; &nbsp;
  <a class="nav-link" href="#Improving my Deen">Improving my Deen</a> &nbsp; &nbsp; &nbsp;

<section id="University Life">
<div id="Uni Life Vid" align="right" style ="width:100%; overflow: hidden">
  width ="200"

<section id="MLA job"> </section>

<section id="Improving my Deen"> </section>

<form id="form" action=""</input>
<input id="text"class="text"  name="text" placeholder="Do you have a question?"required></input>

  <input id="email" class="email" type="email" name="email"placeholder="What email would you like to be responded to?" required</input>


  id="submit" type="submit" class="submit"value="Ask Now"></input>


/* file: styles.css */

  **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: Product Landing Page - Build a Product Landing Page

Link to the challenge:

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