All solutions

I really enjoy coding grid designs. Because working with the grid system is very easy :)

This project challenged me a lot. After two days of work, I was able to produce a working solution. It was very difficult to use topics such as clip-path, position, flex in a way that was compatible with each other.

It is extremely important that you report any errors in the project to me. Therefore, I am waiting for your feedback. Good work everyone.

I improve a little more with each project. Of course, what improves me is my tireless efforts against these mistakes and difficulties. However, there seems to be something wrong with the social link icons.

The solution has some bugs. For example, when the height decreases in mobile responsive design, I cannot display the content with the scroll bar. But I'm working on it. I'm open to suggestions

Problem is solved

The most difficult part of this work was positioning the background images.

I coded a grid design for the first time. Since the grid system is strong, I did not experience too many difficulties. Create the rows and columns and the automatic operation of the layout takes care of everything.

This is my fourth project and it took me 2 days to get everything done the way it should be. When I minimized the page, some of the content disappeared from view. I solved the problem by using two different containers to prevent the user from experiencing such a problem.

Two background images are provided for mobile and desktop. I made the desktop background image responsive and used it on mobile as well. Thus, data was saved.

I had difficulty creating the layout of the box where the price was indicated. Initially, I used the flex feature in 3 different places. Then I reduced it to two and created the desired design using the margin feature.

It was an enjoyable work. I had coded a similar project before. For this reason, I provided a solution that would meet the project requirements without difficulty. I also used the "rem" feature in this project. Good work everyone.

My first project and I learned a lot. Using topics such as Figma, git, github pages, responsive together is a good step to start.