I need help with this project: build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:
I have problems with media query, and some of the codes in CSS are not responding. Could anyone help please? Below is my link to the code, tried to do everything possible with no results.

Your code so far
‘https://codepen.io/olga-miron/pen/MRqNxW’
Your browser information:

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

Link to the challenge:

2

Your media queries are failing because they are not formatted properly. Here is what you currently have:

.logo {
  width: 80vw;

  @media (max-width: 650px) {
    margin-top: 15px;
    width: 100%;
    position: relative;
  }

Media queries should be formatted like this:

/* Media Query Statement */
@media only screen and (max-width: 650px) {
  
/* Selector & Properties to change when criteria is meet. */
.logo { 
    margin-top: 15px;
    width: 100%;
    position: relative;
  }
/* You can target multiple selectors with the same media query */
.anything {
    color: red;
  }
}
3

Thank you, will try once I get home to see if it works :slightly_smiling_face::+1: