All solutions

The part that I found difficult was centering the component. I know it shouldn't be difficult but I tried everything that I knew. Sometimes it worked, then I changed something and then it stopped working. If you know the solution, please share.

Feel free to give feedback and comment.

Questions About My Javascript Code

 1. Is there any way to reduce the amount of variables used while keeping my Javascript clean?

 2. How can I refactor my code? I sort of tried to refactor it but I think its pretty bad.

Questions About My CSS

 1. How can I optimize my CSS?

 2. Ways to quickly remove redundant lines?

Also please tell me if there's anything I can improve on :)

How can i make this solution more "fancy"?

Feedback & Constructive Criticism Is Appreciated :)

I added some of my own effects. I liked working on this project though the footer was a bit hard for me. Any tips on how I can improve the HTML and CSS of it?

Feedback & constructive criticism is appreciated :)

Feedback & Constructive Criticism is appreciated :)

I found it difficult to add the purple tint to the image. Are there any better ways to do it?

Feedback & constructive criticism if appreciated :)

When I hover over the 'Learn more' button, it adds some margin at the bottom; how can i fix this??

Any feedback and constructive criticism is appreciated :)

This was my first time using Sass. What are some aspects of my code that I could work on?

• I struggled with the footer a little, I couldn't get the text to be inline properly.
• I also didn't know how to do the curve thing.
• I think i went a little overboard with my divs and classes - I'm not sure

What could I do to my code to improve it?

How can I do the image hover? When I do background-color it shows a few pixels behind the image that something is changing.

I didn't know how to change images when the device's screen was larger so that I could have the image on the left and the rest on the right.

How can I change an image based on the size of the screen?

For some reason the browser can't load in the .svg for the "Add to Cart". And on Chrome the bullet point is at the side of the button, It's an easy fix, but I don't have the time.

Feedback and constructive criticism is welcome :)

Are there any better practices I could do?

Any kind of feedback or constructive criticism is welcome :)