Need Feedback and help (Product Landing Page)

Hello everyone
Do you have any advice for me? (I want to build dynamic page (every command should be automatic so we do not need to change in future)

My project link: https://codepen.io/ayhanizmir/full/Vwearqb

I have a question:

++ I want to resize this page automatically in every device with media query but I could not make. In my phone it looks like:

hi @ayhanisidici,

well if you tap or click the red test button 15/16, youll get this error :
12. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://www.freecodecamp.com/email-submit).

Hello @sobadrdb
Yes but I already did this, still does not accept

then you should continue read the error, problem expected.

The #email element's name attribute should have a value of "email" : expected 'mail' to equal 'email'

@sobadrdb thanks mate I did not know that. Now it looks 16/16

Now, I just need to solve other problems

@ayhanisidici, take a step back and look at what you’ve got. There are some things you should rethink / revisit;

  • Use external styling. You’ve got a mixture of in-line styles and external. Move all that in-line styling to external.
  • Look at how you’ve done some of your styling. You have a duplicate declaration for the croissant-photo class. This is line 120
.croissant-photo {
  width: 10%;
  height: auto;
}

and then on line 131 you have

.croissant-photo {
  width: 240px;
  height: auto;

Your video is also not scaling
For anything you want to add to the <head> element click on the ‘Settings’ button, then HTML and add it into the ‘Stuff for <head>’ box.