Product Landing Page - Build a Product Landing Page

I’m stuck at the last two instructions of using at least one css flexbox and a media query rule in my code. No matter what I try, it won’t work.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <link rel="stylesheet" href="stles.css">
  <title>Product Landing Page</title>
    <header id="header">
      <img src=,f_auto,q_auto:eco,dpr_1/ikqra03zdnggljdu5vv0 id="header-img" width="100px">
      <meta name="viewport" content="width=devive-width, initial-scale=1.0">
      <nav id="nav-bar">
        <a href="#curriculum" class="nav-link">curriculum</a>
        <a href="#profile" class="nav-link">profile</a>
        <a href="#certification" class="nav-link">certification</a>
      <section id="curriculum"></section>
      <section id="profile"></section>
      <section id="certification">
        <iframe src= "" id="video"></iframe>
    <form id="form" action="">
      <input type="email" id="email" placeholder="email address" name="email" required>
      <input type ="submit" placeholder="submit" id="submit">
/* file: styles.css */
* {
margin: 0;
padding: 0;
header {
position: fixed;
top: 0px;
width: 100%;
padding: 25px 0px;
display: flex;
justify-content: space-between;
align-items: center;
background-color: black;
opacity: 0.8;
@media screen and(min-width: 30rem) 
body {
  display: flex;
  flex-direction: column;
  max-width: 75rem;
  margin: auto;
  **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:

fix typo here, it should work

Didn’t even notice that. That solved the problem. Thank you