All solutions

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #13

built with :

1. Grid.
2. Flex-box.

Help Me 😰:

With the proper use of flex-box and grid I was able to make the page easily responsive, I made it first for desktop and then for mobile, I wanted to make it first-mobile but it was complicated.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #12

built with :

1. Grid.

working with grid this project was relatively easy to accomplish, I added additional media queries to make the project look better on all devices

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #11

built with :

1. Grid.
2. Flex-box.

Help Me 😰:

I am new to this and I tried to make it as similar as possible, finally I had no idea how to make the backgrounds with those shapes, I will study more and update the project to achieve it, or maybe you can recommend me something to achieve it, anyway I leave it like this and I will update it when I have enough knowledge.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #10

built with :

1. Grid.

I worked everything with grid and to center the main card I used flex-box, this way it was relatively easy to do the challenge.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #9

built with :

1. Grid.
2. Flex-box.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #8

built with :

1. Grid.
2. Flex-box.

It was relatively easy to achieve the design, I deepened my knowledge in grid and media queries.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #7

built with :

1. Grid.
2. Flex-box.

I learned a lot about the use of after and before, especially to give color to the image.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #6

built with :

1. Flex-box.

I designed it first for mobile, then for desktop with flex-box, I hope I can improve the design in the future, maybe do it only with grid.

Thanks for reading.💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #5

**built with : **

1. Grid.
2. Flex-box.

It was difficult for me to give the hover effect to the image but finally I did it by reading a lot of info and seeing similar effects in other websites and I did it with few lines of code, I will appreciate any recommendation.

Thanks!💖

Hello everyone 🤓💻, I'm Yaniv and this is my solution for the challenge #4

built with :

1. Grid.
2. Flex-box.

Help Me 😰:

I'm just starting and I broke my head trying to accommodate the backgrounds and I feel that my solution is very rudimentary, I hope someone can help me with that.

Thanks!💖

I'm learning Flex-Box, I feel I can improve the css or use less code in the styles, so far this third challenge was very cool, as I couldn't make the image center in the container and in the end I managed to do it using flex-box in everything.

It is difficult to center the containers globally, I applied the suggestion I was given to give the html and body a height of 100% and then center everything with flex-box, I do not know if that is efficient for larger designs.

I am learning to use the platform, the first challenge was quite motivating.