Hey, here are two lessons that may cause some confusion for people, so I wanted to provide some help.
Lesson 15e and 15f --- the exercises were about creating an item display that you would normally see in an ecommerce store. Now I believe the main focus of the lesson was creating the overlay and the 20% OFF fixed tag, but if someone was interested in adding the grey background in the back, you need an image with a transparent background. This was something that I figured out after getting my own image from the web and trying to change the background color to no avail. This link: (https://www.pngwing.com/en/free-png-vfvxk/download) is to the direct item I used from this site that has a transparent background.
Lesson 17c --- this exercise was about using media queries to make a responsive website. Perhaps I'm wrong about this but the solutions have a typo. In the general and sidebar css files, The media query for the larger screen is '1200.1px'. I don't know why but doing this forced the styles under that case even if the screen wasn't that wide at all. What worked for me was '12001px'.
To keep this short, I won't post my code unless someone requests it. Have a good day!
Hey, here are two lessons that may cause some confusion for people, so I wanted to provide some help.
Lesson 15e and 15f --- the exercises were about creating an item display that you would normally see in an ecommerce store. Now I believe the main focus of the lesson was creating the overlay and the 20% OFF fixed tag, but if someone was interested in adding the grey background in the back, you need an image with a transparent background. This was something that I figured out after getting my own image from the web and trying to change the background color to no avail. This link: (https://www.pngwing.com/en/free-png-vfvxk/download) is to the direct item I used from this site that has a transparent background.
Lesson 17c --- this exercise was about using media queries to make a responsive website. Perhaps I'm wrong about this but the solutions have a typo. In the general and sidebar css files, The media query for the larger screen is '1200.1px'. I don't know why but doing this forced the styles under that case even if the screen wasn't that wide at all. What worked for me was '12001px'.
To keep this short, I won't post my code unless someone requests it. Have a good day!