All solutions

So this challenge has been my first one using Webpack. Probably there are some mistakes with the related files but it works.. I’ve been struggling a lot with that and probably it is not the most efficient way to do it so please, let me know any advice.

I added some functionalities such as animations to the header when site is loaded and a sticky nav bar using Intersection Observer API.

Feel free to give any feedback. It will be appreciated 😊

Feel free to give any feedback. It will be appreciated 😊

Feel free to give any feedback. It will be appreciated 😊

Feel free to give any feedback. It will be appreciated 😊

So this challenge has been really really hard for me. I struggled a lot with flip animation working but finally I made it work.

Feel free to give any feedback. It will be appreciated 😊

Feel free to give any feedback. It will be appreciated.

Finally, I finished this challenge. It took me a long time to finish it but I think result is good and I had a lot fun doing it.

I struggled a lot with JS part so I decided focus on that and put the responsive design aside. I’m starting with JS so there were some issues related to.

• I feel JS code is a little messy and hard to read so any advice or tip to improve it it’s welcome. Would it be better if I put all code in just one file? • I’m starting with SASS too. I put components in a folder apart but should be modifiers components there or these should be in the layout folder?

I tested everything to make sure that everything works properly and there are no bugs. So, if you found a bug, please let me know!

Any feedback related to a cleaner and more efficient code it’s welcome. Besides, feel free to give any other feedback too. It will be appreciated. 😊

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.

There are some things I couldn't do it. - Background has 2 colours. I used linear-gradient function to do it. Problem is in the mobile version, top colour has a border radious and I couldn't get the effect. Some way to do it?

- I wanted to use transition property to give effect when I flip the switch. Problem is that button, background and one of the border's card have a linear-gradient so transition doesn't work. Is there some way to get the effect??

Feel free to give any feedback. It will be appreciated.

I had a lot of problems doing drowdown menu. It took me some hours to adjust the menu without affect the rest of the header flow. I tried to keep the space between the main menu and the drowdown menu but hover effect wasn't working correctly so I had to remove it.

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.

Hey,

Is there some way to position every card's image to the right bottom of the container without using absolute position? When I make the browser smaller, text puts on top of imagen so I would like text and image keep the spaces between them.

Any other feedback will be appreciated too :)

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.

Feel free to give any feedback. It will be appreciated.