Base Apparel Landing Page using HTML, CSS & JavaScript

Thank you for your help! The preventDefault() took care of the issue. And I see what I did wrong with the max-width now. Looking at my work, I designed desktop first and then added stylings for mobile. I wish I'd done mobile first like almost everyone says you should. I think I needed this experience to prove to me why that's important though. Grateful for the learning opportunities that these challenges provide!

Hey Melissa, great work on this challenge! Here are some answers to your questions:

1. When the form is submitted the browser refreshes by default. That means you lose the state with the error message. To prevent this from happening you can add event.preventDefault() in the validateEntry function. This will stop the browser from refreshing, thereby keeping the validation message.
2. What size is the screen on your mobile? You've currently got a max-width: 375px media query for the mobile styles. This means that anyone with a mobile or tablet screen of greater than 375px will see very squashed content. So I'm guessing your mobile phone has a screen size larger than 375px.

I hope that helps. Keep up the great work!