Product Preview Card Challenge

Hey @IAmKachi

Media queries are difficult at first but when you get to know about they become a lot easier. You can refer to this link to learn about media queries -> Media Queries

Firstly learn about these two media queries and more than half of the work will be done -

 @media only screen and (min-width: 900px) {}
 @media only screen and (max-width: 900px) {}

• You should use semantic HTML tags, they define the meaning to both the developers and browsers. Some tags are - `main, section, article, header, footer, etc. To learn more HTML, CSS or JavaScript follow this link - w3schools

Good effort! you can only get better.

• I will suggest you visit this link to learn about media queries, event handler and much more.

Hey, your image and text move all over the place when you resize the window. even on the solution page you can see that the picture is bigger than the text section.

You did not apply the font on the button,

It's not changing size when I resize my screen to mobile.

Also, you used some JS in the end, not sure why.